| Dosug
| Дата: Пятница, 2009-Июль-03, 21:45:39 | Сообщение # 1 |
Admin™
Группа: Всевышние
Сообщений: 189
Репутация: 9
Статус:  |
Code <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> </ul> У нас получился вот такой простой маркированный список: Итак, дальше нам предстоит работа только с CSS. Начнём её, запишем в css файл такой код:
Code ul {
list-style:none;
}
li a {
color:#fff;
text-decoration:none;
padding: 4px 7px;
width:120px;
background:#0076ba;
display:block;
border:1px solid #fff;
font-weight:bold;
} Мы задали сразу стили для всего списка и его элементов в случае, если они – ссылки. Должно получиться так: Теперь добавим эффектов при наведении мыши на кнопку:
Code li a:hover {
background:#d36800;
}
Вот, и всё. Наше меню готово.
Если враг не сдается, его перезагружают.
|
| |
| |
Главная
Регистрация
Наш форум
Программы
Фильмы
RSS
Контакты
