Стили ссылок в CSS.
В CSS можно изменить любое свойство ссылок (цвет,шрифт,цвет фона).Также для ссылок можнонастроить стили:
a:link - не посещенная ссылка;
a:visited - посехенная ссылка;
a:hover - ссылка, на которой находится курсор мыши;
a:active - ссылка в момент щелчка мыши.
|
a:link {font-size:11px; color:#ffffff;} a:visited {font-size:11px; color:#027514;} a:active {font-size:11px; color:#ffffff;} a:hover {font-size:11px; color:#000000;} |
В теге body пишем <a href="путь к вашей ссылке">
Страница в браузере:
текст вашей ссылки
При формировании стилей ссылок выделяют следующие правила:
1. "a:hover" определяется только после "a:linkВ" и "a:visitedВ";
2. "a:active" определяется после "a:hover".
При работе с текстом ссылки выделяют следующие свойства:
1)text-decoration - задает подчеркивание текста вашей ссылки
2)background-color - изменяет цвет фона вашей ссылки
Атрибуты свойства text-decoration:
line-through - делает текст зачеркнутым ;
overline - линия подчеркивается над вашим текстом;
underline - делает текст подчеркнутым ;
none - отменяет все заданные по умолчанию эффекты;
|
a:link {text-decoration:none;} a:visited {text-decoration:line-through;} a:hover {text-decoration:underline;} a:active {text-decoration:overline;} |
baclground-color.
|
a:link {background-color:#0300B3;} a:visited {background-color:#027514;} a:hover {background-color:#ffffff;} a:active {background-color:#000000;} |
Страница в браузере:
Текст вашей ссылки