Элементы стилей для форм и гиперссылок

71. Если для элемента формы input в таблице стилей задать значение border, то это позволит изменить рамку вокруг элемента.

Пример использования: input {border: 1px solid #5B7693;}

72. При желании можно вставить фоновое изображение в поле элемента формы textarea. Для этого, необходимо задать свойства: background-image, border, background-repeat.

Пример использования: textarea {background-image: url(images/fon10.gif); border: 1px solid #5B7693; background-repeat: repeat;}

73. Если вы хотите заменить стандарную кнопку, определяемую как TYPE=SUBMIT, достаточно определить свойства в таблице стилей и задать необходимые параметры: background-image, border-width, color.

Пример использования: .button{background-image: url(images/button.gif); border-width: 1px; color: #2B452A;}

74. Определить с помощью таблицы стилей состояние гиперссылки до активации, можно задав состояние link.

Пример использования: а:link{color:orange;}

75. Назначить вид гиперссылки после активации помогает состояние visited.

Пример использования: a:visited {color: yellow;}

76. Определить, каким будет вид гиперссылки при наведении на нее курсора мыши, позволяет состояние hover.

Пример использования: a:hover{color:red;}

77. Вид гиперссылки при активации задается состоянием - active .

Пример использования: a:active{color:red;}

78. Для правильного функционирования эффектов гиперссылок необходимо соблюдать последовательность определения состояний. Порядок описания стилей должен быть таким: link, visited, hover, active. Нарушение порядка определения может привести к нарушению отображения элементов.