Home » » Հորիզոնական մենյու պատրաստած CSS -ով և HTML -ով

Հորիզոնական մենյու պատրաստած CSS -ով և HTML -ով

Written By Unknown on Thursday, March 26, 2015 | 4:19 AM




Հորիզոնական մենյու պատրաստած CSS -ով և HTML -ով: CSS
ul.css-menu-1 {
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
}

HTML
<title>Հորիզոնական մենյու պատրաստած CSS -ով և HTML -ով:</title>
</head>
<body>
<ul class="css-menu-1">
<li><a href="#">Главная</a></li>
<li><a href="#">HTML уроки</a></li>
<li><a href="#">CSS уроки</a></li>
<li><a href="#" class="selected">CSS меню</a></li>
<li><a href="#">Справочник</a></li>
</ul>
SHARE

0 comments :

Post a Comment