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

Description: Программирование в HTML
Moderator: Aleksandr

Дим M
Topic author, Администратор
Администратор
Avatar
Дим M
Topic author, Администратор
Администратор
Posts: 1603
Joined: 5 Apr 2013
With us: 10 years 2 months

#1by Дим » 13 May 2013, 19:54

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

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

Code: Select all

<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

Code: Select all

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

Image


Miranda F
Старшина
Старшина
Avatar
Miranda F
Старшина
Старшина
Posts: 143
Joined: 5 Jul 2013
With us: 9 years 11 months

#2by Miranda » 5 Jul 2013, 15:36

Оказывается всё просто... :smile:
Image



  • Similar Topics
    Replies
    Views
    Last post

Return to “HTML”

Who is online (over the past 5 minutes)

Users browsing this forum: 1 guest