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

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

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

Здравейте!Това е моят първи урок, в който ще ви покажа много лесно, но яко меню в 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}

 } 



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

specialist1999 на 23.10 2013 в 20:46ч.
ми браво
stani626 на 11.02 2014 в 18:33ч.
Ужасен урок с ужасен резултат.Поне да беше обяснил връзката между двата файла!Все пак се е постарал,но това не е урок,а някаква част от урок,и то малка! 2
Socks на 28.12 2015 в 15:36ч.
искам да попитам търсех във форуми насам натам искам да знам точната програма за писане на хтмл, видях нотепад, 2, вим и тка нататък, но искам да знам точната програма с която се пише на хтмл, благодаря предварително...

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


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: IT Новини