Горизонтальное меню навигации

css
  1. #navigation
  2. {
  3.     font-size: 90%;
  4. }
  5.  
  6. #navigation ul
  7. {
  8.     list-style: none;
  9.     margin: 0;
  10.     padding: 0;
  11.     padding-top: 1em;
  12. }
  13.  
  14. #navigation li
  15. {
  16.     display: inline;
  17. }
  18.  
  19. #navigation a:link, #navigation a:visited
  20. {
  21.     padding: 0.4em 1em 0.4em 1em;
  22.     color: #FFFFFF;
  23.     background-color: #B51032;
  24.     text-decoration: none;
  25.     border: 1px solid #711515;
  26. }
  27.  
  28. #navigation a:hover
  29. {
  30.     color: #FFFFFF;
  31.     background-color: #711515;
  32. }
  33. // --- ----- ----- -- - - - //
  34. <div id="navigation">
  35.  
  36. <ul>
  37. <li><a href="#">Главная</a></li>
  38. <li><a href="#">Статьи</a></li>
  39. <li><a href="#">Примеры</a></li>
  40. <li><a href="#">Контакты</a></li>
  41. </ul>
  42.  
  43. </div>
Навигашка :)
Назад

Реклама

Мы в соцсетях

tw tg yt gt