Автор статьи: Головин Андрей
Мне неоднократно приходилось отвечать на вопросы о том, как сделать неподчеркнутые ссылки, как сделать ссылки разного вида на странице. Поэтому сегодня я остановлюсь на придании требуемого вида ссылкам на странице.
Чтобы задать вид ссылки можно воспользоваться описанием стиля в атрибутах элемента (так называемый in-line CSS). Делается это так: . В атрибуте STYLE описываем все возможные параметры стиля в соответствии с правилами CSS. Например, чтобы задать цвет ссылки делаем так: . Выглядеть это будет так: все опыты. Если далее мы хотим ссылку сделать зеленого цвета и полужирным начертанием, то пишем соответствующий код: и получаем: все опыты. Таким образом мы получили две ссылки, которые выглядят абсолютно по-разному на одной странице.
Теперь разберемся как сделать ссылки неподчеркнутыми. Для этого используется правило text-decoration. Оно может принимать следующие значения:
>
| Значение | Описание | Пример |
|---|---|---|
| none | Обычный текст | text-decoration: none |
| underline | Подчеркивание | text-decoration: underline |
| overline | Надчеркивание | text-decoration: overline |
| line-through | Зачеркивание | text-decoration: line-through |
| blink | Мигание | text-decoration: blink |
из всех рассмотренных способов «украшения» текста, наиболее употребительны первые два, а последний не реализовани ни одним браузером (да и правильно, его уже давно никто не рекомендует уптореблять изза чрезмерной раздразжительности), кроме Нетскейпа.
Для того, чтобы ссылка была неподчеркнута необходимо использовать следующий код:
Для того, чтобы при наведении указателя мыши такая ссылка стала подчеркнутой в описании стилей необходимо использовать «псевдо-класс» :hover. Это можно сделать только в элементе описания стиля