Делаем горизонтальное меню для сайта сами

– , , , . :   "" HTML, . , , , . .

, . "" HTML, , . , . 5 . . – " ". – " ". – " ". – " ".

HTML- :





: ul , li. li , ul.

Ul - , . Li .





, index.html. . , . - . CSS.

CSS?

, . , , , web-. HTML, , . . , CSS. , , . , . . , CSS-. , HTML, .

CSS- :

  1. #my_1menu{list-style:none; padding:6; width:800px; margin: auto;}
  2. #my_1menu li{float:left; font:italic 18px Arial;}
  3. #my_1menu a{color:#756; display:block; height:55px; line-height:55px; padding:0px 15px 0px 15px; background:#dfc; text-decoration:none;}
  4. #my_1menu a:hover{color:#foa; background:#788;}

CSS .

#my_1menu – UL- id= my_1menu, list-style:none – , .

width:800px – 800 .

padding:0 – .

margin:auto – .

#my_1menu li – li-.

height:55px – .

#my_1menu a:hover – -, .

CSS




, . . , . , , background:url(img1.png) repeat-x. background:url(img2.png) repeat-x a:hover.

, . , , .




All Articles