Помогни ни да направим Uroci.net по - богат! Добави урок

Как да си направим лесно, но красиво меню в CSS

ITSpecialista   трудност:    видян: 22479

Здравейте!Това е моят първи урок, в който ще ви покажа много лесно, но яко меню в CSS

Създавате 2 файла- index.html и style.css

В index.html пишете това: 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<link rel="stylesheet" href="style.css" />

</head>

<body>

<a href="nqkakuv link">

<ul class="men_tuto">

<li class="men_tuto2">

Някакъв текст

</li>

</ul>

</a>

</body>

</html> 

 

Във  style.css пишете:

 

ul.men_tuto{

list-style-type:none;

}

li.men_tuto2{

width:200;

height:50;

background-color:black;

text-align:center;

border: solid 2px gray;

font-size:30px;

color:white;

}

li.men_tuto2:hover{

width:200;

height:50;

background-color:gray;

text-align:center;

border: solid 2px black;

font-size:30px;

color:white;

}

a:link {color:black} /* Tук скриваме линка :) */     

 a:visited {color:black}  

 a:hover {color:gray}  

 a:active {color:black}

 } 



Коментари (1)

specialist1999 на 23.10 2013 в 20:46ч.
ми браво

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com