Home Создаем свой сайт Как с помощью html и css можно изменить цвет ссылки и убрать подчеркивание

Как с помощью html и css можно изменить цвет ссылки и убрать подчеркивание

by admin

Здравствуйте уважаемые читатели. Сегодня мы поговорим как с помощью html и css изменить ссылку на Вашем сайте: поменять цвет, добавить или убрать подчеркивание.

Как изменить цвет ссылки с помощью HTML.

Как вы помните, ссылка вставляется следующим образом:

<a href="URL адрес страницы">Анкор</a>

По умолчанию ссылка синего цвета с подчеркиванием. Попробуем c помощью html изменить цвет ссылки. Для этого добавляем в код следующий текст:

<a href="URL адрес страницы" style="color:#FF0000;">Изменяем цвет ссылки</a>

Как видим, ссылка поменяла свой цвет. Какой цвет теперь будет у ссылки, зависит от #FF0000. Это специальный цветовой код html, который присваивается каждому цвету всей цветовой палитры. Для того, чтобы определить какой код имеет тот или иной цвет ,советую прочитать статью палитра цвета html.

Как убрать подчеркивание.

Для того, чтобы убрать подчеркивание, необходимо в кодировку html ссылки добавить:

<a href="URL адрес страницы" style="color:#FF0000; text-decoration:none">Убираем подчеркивание</a>

Как видите, подчеркивание исчезло.

Как изменить цвет ссылки с помощью CSS.

Вышеописанный метод, несмотря на всю свою простоту, используется крайне редко. Как правило, для оформления веб-страницы используется таблица ститей style.css в которой прописывается оформление всех элементов страницы, в том числе, и ссылок.

Для того, чтобы изменить цвет всех ссылок в тексте, а также убрать подчеркивания достаточно прописать в файле css следующий код:

 a { color:#537CBC; text-decoration:none;}

Ну вот и все. Не забывайте оценивать статью и ставить лайки. Ну и, разумеется, комментируйте.

11 комментариев
0

Вам также может пригодиться:

11 комментариев

Marcus 31 июля 2012 - 14:41

Неплохая статья

Reply
ДЭН 19 августа 2012 - 11:33

Для начинающих статья подойдет

Reply
Валера 27 августа 2012 - 15:19

Ни че так статья. Доходчиво. А по PHP уроки публиковать планируете?

Reply
admin 27 августа 2012 - 15:21

Да, уроки по PHP в скором времени тоже обязательно появятся.

Reply
Оксана 1 марта 2013 - 9:02

В css цвет задала другой, но по факту ссылки все равно отображаются синие. Не понимаю, где еще менять?

Reply
admin 1 марта 2013 - 17:19

Нигде больше ничего менять не надо. Если ссылки не поменяли свой цвет, значит вы что-то не так поменяли в css

Reply
Stepson 14 апреля 2013 - 7:11


Оксана:

В css цвет задала другой, но по факту ссылки все равно отображаются синие. Не понимаю, где еще менять?

Установите На Мозиллу firebug это приложение по полочкам css разбирает и укажет вам в какой строке и какой параметр менять.

Reply
Михаил 9 апреля 2014 - 12:27

Добрый день!
пробовал сделать, как вы описали не получается.
в моем шаблоне очень блеклые серые ссылки. Пробовал скопировать ваш тестовый код, но ничего не изменилось. Можете помочь?

Reply
Наталья 11 сентября 2015 - 8:45

Спасибо большое. Все так понятно написано! У меня получилось! )

Reply
Станислав 18 декабря 2016 - 18:07

Всё работает, спасибо! А как сделать, чтобы при наведении еще цвет менялся?

Reply
admin 27 декабря 2016 - 12:04

Чтобы при наведении менялся цвет нужно добавить в css код следующую строку a:hover {color: #800000;} где #800000 — код цвета, которым должна окраситься ссылка при наведении

Reply

Leave a Comment