Изменить ссылку другим цветом на сайте CSS
 | |
| Здесь разберем тему, как изменить ссылку по цвету, чтоб все было по умолчанию. Где вы ставите переход или анкорную, то цвет меняется. Если кто не в курсе, то в CSS есть четыре псевдо класса, что отвечают за работу по ссылкам. Есть простая, также активная, и по которой был произойдет переход, но и последняя, это на которую наводят курсор и где происходит разный эффект. Все зависит от того, как вы поставили ссылку, а точнее от пользователя, но не нужно исключать браузер и его действие, так как некоторые выводят по разному, но основном все идентично. Теперь подробнее о существующих псевдоклассов: a:link - Задается обычный стиль, что идет по умолчанию; a:active - Здесь уже вы задали на активную ссылку;. a:visited - Этот стиль отвечает за посещенную ссылку; a:hover - Здесь вы сами задаете тот или иной стиль, на которую будет наведен курсор; Переходим к изменению: Возьмем за основу стандартный вид ссылки и пусть по умолчанию она подчеркнута. Так выглядит:  Так прописываем в тело статьи: Код <a href="http://zornet.ru">ссылка</a> Стиль, что идет на ее: Код a{ color:green; text-decoration:none; } Теперь изменяем ее, а точнее меняем оттенок цвета, чтоб в описание она отличалась. Давайте сразу разберем свойство text-decoration - которое как раз отвечает за подчеркивание. Но если прописать к нему none, мы запрещаем выводить подчеркивание, что ниже в стилях создадим. Аналогично на стандартной все делаем: Код <a href="http://zornet.ru">ссылка</a> Только уже стили прописываем такие, а точнее задали зеленую гамму и запретили подчеркивание. Но также добавили hover, что отвечает за наведение, и теперь анкор ссылки зеденый, и при наведение зан красная палитраю. Так получится:  CSS Код a{ color:green; text-decoration:none; } a:hover{ color:red; } Теперь вы полностью поменяли на своем ресурсе цвет ссылок, что можно задавать псевдоклассам на совершенно разные элементы. PS - гамму цвета меняете по своему решению и под свой дизайн ресурса, так как на светлом должны быть яркие, а вот на темном наоборот, и думаю согласитесь. что на черном фоне можно больше цветовой палитры применить. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
