Простое, горизонтальное меню

Программирование в HTML

Модератор: Aleksandr

Аватара
Автор темы
Дим M
Администратор
Администратор
Сообщения: 1159
Репутация: 74
С нами: 5 лет 8 месяцев

Простое, горизонтальное меню

Сообщение #1 Дим » 13 мая 2013, 19:54

Простое, горизонтальное меню
Автор: Алексей

Простенькое, горизонтальное меню на HTML и CSS в виде прямоугольных кнопочек:
HTML

Код: Выделить всё

<ul class="css-menu-1">
<
li><a href="#">Первая</a></li>
<
li><a href="#">Вторая</a></li>
<
li><a href="#">Третья</a></li>
<
li><a href="#">Четвёртая</a></li>
</
ul


CSS

Код: Выделить всё

ul.css-menu-{
list-
style: none
}

ul.css-menu-1 li {
display: inline
}

ul.css-menu-1 li a {
font-family: Tahoma, Geneva, sans-serif; 
text
-decoration: none;
background: #5c6cb7;
font-weight: bold;
color: #ffaa00; 
padding: 6px 10px 6px 10px
}

ul.css-menu-1 li a:hover {
padding: 6px 10px 6px 10px;
font-weight: bold;
background: #364d95;
color: #ff9900 
}

ul.css-menu-1 li a.selected {
background: #364e95
i love you mxIni Mysql

! ! !


Аватара
Miranda F
Старшина
Старшина
Сообщения: 130
Репутация: 11
С нами: 5 лет 5 месяцев

Сообщение #2 Miranda » 5 июля 2013, 15:36

Оказывается всё просто... :smile:
Изображение


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «HTML»

Кто сейчас на форуме

Сейчас этот раздел просматривают: 1 гость