Вход Регистрация
* TRUEтень

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

  1. #navigation
  2.  
  3. {
  4.  
  5. font-size: 90%;
  6.  
  7. }
  8.  
  9.  
  10.  
  11. #navigation ul
  12.  
  13. {
  14.  
  15. list-style: none;
  16.  
  17. margin: 0;
  18.  
  19. padding: 0;
  20.  
  21. padding-top: 1em;
  22.  
  23. }
  24.  
  25.  
  26.  
  27. #navigation li
  28.  
  29. {
  30.  
  31. display: inline;
  32.  
  33. }
  34.  
  35.  
  36.  
  37. #navigation a:link, #navigation a:visited
  38.  
  39. {
  40.  
  41. padding: 0.4em 1em 0.4em 1em;
  42.  
  43. color: #FFFFFF;
  44.  
  45. background-color: #B51032;
  46.  
  47. text-decoration: none;
  48.  
  49. border: 1px solid #711515;
  50.  
  51. }
  52.  
  53.  
  54.  
  55. #navigation a:hover
  56.  
  57. {
  58.  
  59. color: #FFFFFF;
  60.  
  61. background-color: #711515;
  62.  
  63. }
  64.  
  65. // --- ----- ----- -- - - - //
  66.  
  67. <div id="navigation">
  68.  
  69.  
  70.  
  71. <ul>
  72.  
  73. <li><a href="#">Главная</a></li>
  74.  
  75. <li><a href="#">Статьи</a></li>
  76.  
  77. <li><a href="#">Примеры</a></li>
  78.  
  79. <li><a href="#">Контакты</a></li>
  80.  
  81. </ul>
  82.  
  83.  
  84.  
  85. </div>
» Описание: Навигашка
» Время добавления: 19 Дек 2014 в 09:36
» Посмотров: 814
» textarea
» Рейтинг: [+1 | -0]
Комментарии [0]
Онлайн: 3
Реклама