Фоны, часть 1 / Испытание: котокомикс [8/16]

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения.

Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью

ВК ВКонтакте или FB Facebook

×

Испытание: котокомикс [8/16]

В этом испытании мы отработаем использование фоновых цветов и изображений, а также их позиционирование.

Адреса используемых картинок перечислены в комментарии в CSS-коде. А вот используемые цвета:

  1. #000000
  2. #f1c40f
  3. #e74c3c
  4. #3498db
  5. #27ae60
  6. #bdc3c7
  7. #95a5a6

Выполнить задание
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Испытание: котокомикс</title> </head> <body> <div class="block block1"></div> <div class="block block2"></div> <div class="block block3"></div> <div class="block block4"></div> <div class="block block5"></div> <div class="block block6"></div> <div class="block block7"></div> <div class="block block8"></div> <div class="block block9"></div> </body> </html>
CSS
body { width: 300px; margin: 0; padding: 0; padding-top: 15px; font-size: 0; text-align: center; background: white; } .block { display: inline-block; width: 90px; height: 90px; margin-bottom: 1px; margin-right: 1px; background-color: black; } /* Используемые изображения: /assets/course13/cat_poo.png /assets/course13/cat_hiss.png /assets/course13/cat_walk.png /assets/course13/cat_slippers.png /assets/course13/cat_grumpy.png */
<HTML Academy>
?

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.