Как, используя каскадную таблицу стилей (CSS), избавиться от штрихового выделения ссылки [гиперссылки].
Главным улучшением любого сайта является избавление от надоедливого штрихового выделения, которое появляется при нажатии на ссылку. Многие популярные сайты, такие как eBay.com и Google.com не удалили штриховое выделение гиперссылок, что выглядит немного старомодно. Я понимаю, что это помогает некоторым пользователям определить, где находится ссылка, но в тоже время это не отвечает общему дизайну страницы. Я думаю, что уже прошёл век рамок и выделений и все пользователи могут без труда определить ссылку.
Инструкция
- 1
Штриховое выделение ссылки. В первую очередь откройте сайт для редактирования. Самый простой способ проверить его – открыть index.html (домашняя страница) и каскадную таблицу стилей (CSS).
- 2
Если ваша таблица стилей уже привязана к index.html, то вы можете приступать к редактированию гиперссылок. Если у вас ещё нет разделов для гиперссылок, то следует их добавить.
- 3
Разделы гиперссылок должны выглядеть следующим образом: a:link {color: #4e3215; text-decoration:none; outline: none;} a:visited {color: #4e3215; text-decoration: none; outline: none; } a:hover { color: #A2783B; text-decoration: none; outline: none;} a:active { color: #4e3215; text-decoration: none; outline: none; } Думаю, это самый простой способ добавить некоторые приятные изменения на веб-странице. Я применяю это к любой странице, которую я разрабатываю. Ниже приводится пример выделения окна гиперссылки.
Подсказки и предупреждения
outline-color:-moz-use-text-color;
- outline-style:none;
- outline-width:0;