2

Подскажите, пожалуйста, как сделать ссылку в HTML цветной?

Буду благодарна, если на мой вопрос найдется ответ.

4 ответа 4

8
 <style>
   a:link {
    color: #00d0d0; /* Цвет ссылок */
   }
   a:visited {
    color: #900060; /* Цвет посещенных ссылок */
   }
   a:active {
    color: #f00; /* Цвет активной ссылки */ 
   }
 </style>

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

2
  • 2
    + a:hover {}
    – Palmervan
    Commented 26 мар. 2012 в 15:24
  • :) хорошая шутка)) в тему
    – Iwww
    Commented 27 мар. 2012 в 11:17
3

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

<style>
.mylink{color:red; font-size:12pt;}
.mylink:hover{color:blue; font-size:16pt;}
</style>
<a class='mylink' href='#'>LINK</a>
1
  • Имхо, этот подход — правильный, более поддерживаемый и расширяемый.
    – Nick Volynkin
    Commented 29 июн. 2017 в 5:31
0

Псевдокласс :link.

Псевдокласс :link применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление.

0

А ещё лучше создать файл с расширением .css и вписывать туда все перечисленные селекторы a классы .class и идентификаторы #id, а в самом файле html указать путь к файлу, например:

<link rel="stylesheet" type="text/css" href="style.css">

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.