У нас есть 3 серых ссылки-квадрата, осталось покрасить их в цвета соцсетей и добавить иконки.
В этом курсе мы часто будем использовать спрайты. Вот изображение-спрайт с иконками соцсетей:
Спрайт будет общим для всех ссылок, поэтому фоновое изображение зададим для класса social
. А для уникальных классов соцсетей переопределим расположение фонового изображения и цвет фона.
Обратите внимание, что CSS-правила для конкретных соцсетей расположены в коде ниже, чем правило, задающее общий вид. Это нужно, чтобы работало переопределение CSS-свойств.
.social
фоновое изображение /assets/course14/social.png
без повторения..social-vk
цвет фона #6d8fb3
и расположение фонового изображения 0 0
..social-fb
цвет фона #526da3
и расположение -40px 0
..social-tw
цвет фона #73bfe6
и расположение -80px 0
.Обсуждение и комментарии
Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.
Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.