Как установить цвет посещённой ссылки?
Как только пользователь открывает документ, на который указывает ссылка, она помечается как посещённая и меняет свой цвет на фиолетовый, установленный по умолчанию. Чтобы задать вид оформления посещенных ссылок, используйте псевдокласс :visited , который добавляется к селектору A , как показано в примере 1.
Пример 1. Цвет посещенных ссылок
HTML5 CSS 2.1 IE Cr Op Sa Fx
Цвет ссылок Посещённой ссылка становится после того, как на неё щёлкнули и перешли по ней на новую страницу.
Результат данного примера показан ни рис. 1.
Рис. 1. Цвет посещённой ссылки
В примере рядовая текстовая ссылка имеет красный цвет, а посещённая — оливковый.
HTML по теме
CSS по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Как задать цвет посещённых ссылок?
Как только пользователь открывает ссылку, она помечается как посещённая и меняет свой цвет на фиолетовый, установленный по умолчанию. Чтобы задать вид оформления посещённых ссылок, используйте псевдокласс :visited, который добавляется к селектору A , как показано в примере 1.
Пример 1. Цвет посещённых ссылок
Результат данного примера показан ни рис. 1. Обычные ссылки заданы красным цветом, а посещённые — серым.
Рис. 1. Цвет посещённой ссылки
См. также
- Атрибут vlink
- Виды ссылок
- Псевдокласс :visited
- Псевдоклассы в CSS
- Типы ссылок
Как с помощью html и css можно изменить цвет ссылки и убрать подчеркивание
Здравствуйте уважаемые читатели. Сегодня мы поговорим как с помощью html и css изменить ссылку на Вашем сайте: поменять цвет, добавить или убрать подчеркивание.
Как изменить цвет ссылки с помощью HTML.
Как вы помните, ссылка вставляется следующим образом:
По умолчанию ссылка синего цвета с подчеркиванием. Попробуем c помощью html изменить цвет ссылки. Для этого добавляем в код следующий текст:
Как видим, ссылка поменяла свой цвет. Какой цвет теперь будет у ссылки, зависит от #FF0000. Это специальный цветовой код html, который присваивается каждому цвету всей цветовой палитры. Для того, чтобы определить какой код имеет тот или иной цвет ,советую прочитать статью палитра цвета html.
Как убрать подчеркивание.
Для того, чтобы убрать подчеркивание, необходимо в кодировку html ссылки добавить:
Как видите, подчеркивание исчезло.
Как изменить цвет ссылки с помощью CSS.
Вышеописанный метод, несмотря на всю свою простоту, используется крайне редко. Как правило, для оформления веб-страницы используется таблица ститей style.css в которой прописывается оформление всех элементов страницы, в том числе, и ссылок.
Для того, чтобы изменить цвет всех ссылок в тексте, а также убрать подчеркивания достаточно прописать в файле css следующий код:
Ну вот и все. Не забывайте оценивать статью и ставить лайки. Ну и, разумеется, комментируйте.
CSS не меняет цвет ссылок. Как поменять цвет ссылки?
Верстаю макет. Сделал навигацию, но по макету надо поменять цвет ссылок и сделать чтобы при наведении цвет менялся и появлялся фон(с этим я справился). Но цвет не меняется. Ещё не работает text-decoration:none;
Home
About
Work
Blog
Contact
.welcome < width:100%; height:100vh; background:url("../image/welcome_01.jpg"); margin:0px; padding:0px; >.navigation < justify-content:right; display:flex; align-item:right; color:#fff; text-decoration:none; padding-left:200px; padding:60px; >.nav-item < font-family: 'Titillium Web',sans-serif; font-weight:regular; font-size:16px; color:#fff; text-decoration:none; text-align:center; display:inline-block; padding:10px; >.nav-item:hover
- Вопрос задан более года назад
- 1165 просмотров