Лучшее руководство по ссылка CSS (ссылка) в 2024 году. В этом руководстве вы можете изучить Ссылка Стиль,примеров,Общий стиль ссылки,Текст-украшение,примеров,Цвет фона,примеров,Другие примеры,
ссылка CSS (ссылка)
Различные ссылки могут иметь различные стили.
Ссылка Стиль
Стиль ссылки, вы можете использовать любые свойства CSS (такие как цвет, шрифт, фон и т.д.).
Специальные ссылки могут иметь различные типы, в зависимости от того, в каком состоянии они находятся.
Четыре ссылка состояния:
- а: звено - нормальный, посещенные ссылки
- а: посетил - пользователь посещенные ссылки
- а: зависать - когда пользователь удерживает указатель мыши над ссылкой в
- а: активный - щелчке на ссылке момент
примеров
а: посещенных {цвет: # 00FF00;} / * посещенные ссылки * /
а: зависать {цвет: # FF00FF;} / * переместить курсор мыши на ссылку * /
а: активный {цвет: # 0000FF;} / * мыши * /
Попробуйте »
При установке на ряд состояния канала стиле, есть некоторые правила порядка:
- а: зависать должен следовать за собой: связь и а: посетил позже
- а: активный должен следовать: парить позади
Общий стиль ссылки
В соответствии с примером выше изменения цвета ссылку, чтобы увидеть, в каком состоянии она находится.
Давайте посмотрим на некоторые другие распространенные способы стиля ссылок:
Текст-украшение
атрибут текста украшения в основном используется для удаления подчеркивание по ссылкам:
примеров
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
Попробуйте »
Цвет фона
Цвет фона свойство задает цвет фона ссылки:
примеров
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
Попробуйте »
Другие примеры
Добавить различные стили гиперссылок
Этот пример демонстрирует, как добавить другие стили к гиперссылкам.
Дополнительно - Создание ссылок окно
Этот пример демонстрирует более продвинутый пример, мы объединим ряд свойств CSS отображаются в виде коробки.