enfoire

Вертикальное меню.

Apr 2nd, 2020
46
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.69 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Вертикальное меню</title>
  5.     <meta charset="utf-8">
  6.     <style type="text/css">
  7.         ul {
  8.             list-style-type: none;
  9.             background-color: lightsalmon;
  10.             width: 200px;
  11.             margin: 0;
  12.             padding: 0
  13.         }
  14.         li a {
  15.             display: block;
  16.             color: black;
  17.             padding: 8px 16px;
  18.             text-decoration: none;
  19.         }
  20.         li a:hover {
  21.             background-color: silver;
  22.             color: white;
  23.         }
  24.     </style>
  25.  
  26.  
  27. </head>
  28. <body>
  29.     <ul>
  30.         <li><a href="#">Главная</a></li>
  31.         <li><a href="#">Сервис</a></li>
  32.         <li><a href="#">Контакты</a></li>
  33.         <li><a href="#">Поиск</a></li>
  34.         <li><a href="#">Помощь</a></li>
  35.     </ul>
  36.  
  37. </body>
  38. </html>
Add Comment
Please, Sign In to add comment