Оформление SVG-фигур / Испытание: разноцветные квадраты [4/20]

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

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

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

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

×

Испытание: разноцветные квадраты [4/20]

Раскрасьте квадраты, используя цвета tomato, lightseagreen и #ffd700.

Заливка бирюзового квадрата должна быть полупрозрачной, нижний правый квадрат нужно сделать полностью прозрачным.


Выполнить задание
HTML
<svg width="290" height="290"> <rect class="rect-1" width="42.5%" height="42.5%" x="5%" y="5%"></rect> <rect class="rect-2" width="42.5%" height="42.5%" x="52.5%" y="5%"></rect> <rect class="rect-3" width="42.5%" height="42.5%" x="5%" y="52.5%"></rect> <rect class="rect-4" width="42.5%" height="42.5%" x="52.5%" y="52.5%"></rect> </svg>
CSS
/* Используемые цвета: tomato, lightseagreen, #ffd700 */ svg { border: 1px solid #dddddd; }
<HTML Academy>
?

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

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

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

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