углу рис. 9.2, объемного вида:
a.button {
background: #BlBlBl:
color: #FFF:
foпt-weight: bold:
border-width: 4рх:
border-style: solid:
border-top-color: #DFDFDF:
border-right-color: #666:
border-bottom-color: #333:
border-left-color: #В58585:
Вы также можете (и я рекомендую) создать стиль в состоянии :hover. Кнопки
Будут реагировать на наведение посетителем на ссылку указателя мыши, обеспечивая
Интерактивность и обратную связь. В случае с объемной кнопкой при ее
Нажатии очень эффективен метод инверсной смены цветов: темный фон кнопки
Должен стать светлым, светлая граница - темной и т. д.
Стилизация ссылок 251
Использование изображений
Добавление для ссылок изображений - один из самых легких и эффективных способов
Улучшить внешний ВИД элементов навигации сайта. Существует множество
Методик и вариантов дизайна, но при этом следует заметить, что ни в одном из
хороших, грамотных методов не применяется НТМL-тег <img>. Вместо этого используется
Прием с СSS-свойством background -image, с помощью которого можно
Добавить привлекательность любой ссылке. Несколько примеров приведено на
Рис. 9.3 (более продвинутые методы использования изображений для создания
Графических кнопок и эффектов ролловеров 1 описаны в обучающем уроке этой