Как убрать синий цвет ссылки в html

Цвет ссылок

С помощью HTML можно задавать цвета всех ссылок на странице, а также изменять цвета для отдельных ссылок.

Задание цвета всех ссылок на странице

Цвета ссылок задаются в качестве атрибутов тега . Атрибуты являются необязательными и если они не указаны используются значения по умолчанию.

link — определяет цвет ссылок на веб-странице (цвет по умолчанию синий, #0000FF).

alink — цвет активной ссылки. Цвет ссылки меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный, #FF0000.

vlink — цвет уже посещенных ссылок. Цвет по умолчанию фиолетовый, #800080.

В HTML цвета задаются обычно цифрами в шестнадцатеричном коде, в виде #rrggbb , где r, g и b обозначают соответственно красную, зеленую и синюю составляющую. Для каждого цвета задается шестнадцатеричное значение от 00 до FF, что соответствует диапазону от 0 до 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ # (пример 1).

Пример 1. Задание цветов ссылок

      
Содержание сайта





  

Цвет не обязательно задавать в шестнадцатеричном формате, можно использовать и ключевые слова. В данном примере цвет фона веб-страницы установлен черным, а цвет ссылок — красным.

Для изменения цвета ссылок удобнее использовать CSS. Чтобы установить цвет для всех ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору A .

visited — Стиль для посещенной ссылки.

active — Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

hover — Стиль для ссылки при наведении на нее мышью.

В примере 2 показано, как изменить цвет ссылок на веб-странице с помощью стилей. Для этого воспользуемся стилевым свойством color , оно задает цвет определенного текста, в данном случае, ссылок.

Пример 2. Цвет ссылок, заданных через стили

       
Содержание сайта





  

Задание цвета отдельных ссылок на странице

Вышеописанный способ задания цветов работает для всех ссылок веб-страницы. Однако, иногда возникает необходимость одновременно использовать разные цвета. Светлые, например, для темных областей веб-страницы, а темные цвета — соответственно для светлых. Для этого также можно воспользоваться стилями.

Пример 3. Изменение цвета ссылки с помощью стилей

      
Содержание сайта





 
Интернет-маркетинг
 
Юзабилити





  

В данном примере приведены три разных способа задания цвета с помощью стилей.

Изменить цвет ссылки

Учу HTML и CSS и не могу понять, почему у ссылки, у которой прописано text-decoration:none все равно остается цвет ссылки. Просто когда вчера писал, у меня после этого значения, цвет стал черный, а сейчас почему -то цвет нажатой ссылки.

.header < box-shadow: black; -webkit-box-shadow: none; /*background-color: black;*/ border-bottom: 1px solid #e8e8e8; max-height: 60px; z-index: 1000; >.container < width: 100%; max-width: 1170px; margin: 0 auto; display: table; >.container::before < content: " "; display: table; >.container::after < content: " "; display: table; clear: both; >.nav < display: flex; justify-content: space-between; position: relative; /*margin: 0.3rem;*/ >.nav__left < font-weight: 600; font-size: 1.3rem; margin: 0.3rem 0px 0rem 0rem; >.nav__left__names < font-weight: 300; font-size: 0.8rem; margin: -0.1rem 0px 0.3rem 0rem; >.nav__logo < width: 2.7rem; height: 2.7rem; display: block; float: left; margin: 0.3rem 0px 0.3rem 0rem; >.nav__right>ul>li < float: left; list-style: none; margin: 0; font-size: 1.1rem; padding: 0px 10px; >.nav__right>ul>li>a

 
It's name 
My name

  
Главная
  
FAQ
  
Скачать
  
Протоколы

Как изменить цвет ссылки / Как выделить ссылку цветом

Подскажите, пожалуйста, как сделать ссылку в HTML цветной? Буду благодарна, если на мой вопрос найдется ответ.

Отслеживать
user256824
задан 26 мар 2012 в 15:13
archimaeva archimaeva
21 1 1 серебряный знак 2 2 бронзовых знака

4 ответа 4

Сортировка: Сброс на вариант по умолчанию

Корректнее было спросить: «Как изменить цвет ссылок?»

Отслеживать
3,953 3 3 золотых знака 27 27 серебряных знаков 52 52 бронзовых знака
ответ дан 26 мар 2012 в 15:22
753 3 3 серебряных знака 7 7 бронзовых знаков
26 мар 2012 в 15:24
🙂 хорошая шутка)) в тему
27 мар 2012 в 11:17

Вариантов несколько. Первый был показан выше, но у него есть один минус — он будет работать для всех ссылок, которые только есть на странице, где описано CSS свойство » a «. Если вам так и надо, то дальше можно не читать. Если желаете узнать второй вариант, то он такой: можно для каждой ссылки прописывать класс, в котором будут храниться стили только для данной ссылки:

Как у тега убрать визуальные эффекты?

Надо прописать для каждого состояния ссылки стиль оформления, используя псевдоклассы. А использовать !important надо только в самых крайних случаях.

a.text:active, /* активная/посещенная ссылка */ a.text:hover, /* при наведении */ a.text

 
block1
 

Отслеживать
ответ дан 25 июл 2016 в 11:45
5,532 3 3 золотых знака 21 21 серебряный знак 41 41 бронзовый знак
Спасибо спасибо спасибо но при наведении мне как раз не надо
25 июл 2016 в 12:00

@ЕвгенийЛюбимов в таком случае достаточно прописать a.text:active, a.text <. >, а для наведения прописать отдельно ` a.text:hover <. >`, если понадобится в будущем. отметьте мой ответ принятым галочкой слева от вопроса, если он вам подходит

25 июл 2016 в 12:40
Мне подошел еще первый вариант задать цвет большего мне и не требовалось=) Но вам все равно спасибо!
25 июл 2016 в 13:23

@ЕвгенийЛюбимов не вопрос, но тогда следует учесть на будущее, что если всё-таки будет нужда задать какой-то другой цвет для ссылок при наведении, то, например, a.text:hover < color: green>a < color: #000 !important >не сработает, и придётся прописывать !important везде. а это повлечёт за собой вероятные проблемы в виде уродливого трудноподдерживаемого кода