Книга: CSS3 для веб-дизайнеров

Определение цвета ссылки – RGBA

Определение цвета ссылки – RGBA

Теперь добавим отступ на каждую ссылку и сменим цвет на полупрозрачный белый. Воспользуемся цветовой моделью RGBA, чтобы указать белый цвет (255, 255, 255) и 70% непрозрачности (0.7), чтобы текст впитывал в себя часть расположенного за ним фона (рис. 3.10).

^{Рис. 3.10. Теперь ссылки стилизованы с помощью RGBA и текст немного смешивается с фоном}

#nav li a { 

padding: 5px 15px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
}

Рис. 3.11 показывает ссылки крупным планом. Непрозрачность в 70% делает фон немного просвечивающим.

^{Рис. 3.11. Увеличенный вид полупрозрачных ссылок}

Оглавление книги