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

Описание: Программирование в HTML
Модератор: Aleksandr

Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#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
[center]i love you [s]mxIni[/s] Mysql[/center]


Miranda F
Старшина
Старшина
Аватара
Miranda F
Старшина
Старшина
Сообщения: 143
Зарегистрирован: 5 июля 2013
С нами: 10 лет 8 месяцев

#2 Miranda » 5 июля 2013, 15:36

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


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

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

Кто сейчас на форуме (по активности за 5 минут)

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