×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: CSS
Posted by: IGA JOHN BOSCO
Added: May 23, 2017 3:44 PM
Views: 6
Tags: navigation
  1. body
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5.  
  6.     background-color: #f7f6f6;
  7. }
  8. #nav
  9. {
  10.     float: left;
  11.  
  12.     margin: 50px;
  13. }
  14. #nav ul
  15. {
  16.     font: 16px verdana, tahoma,arial;
  17.  
  18.     margin: 0;
  19.     padding: 0;
  20.  
  21.     list-style: none;
  22. }
  23. #nav ul li
  24. {
  25.     position: relative;
  26.  
  27.     display: block;
  28.     float: left;
  29. }
  30. #nav ul li a
  31. {
  32.     display: block;
  33.  
  34.     margin: 0 1px;
  35.     padding: 15px 20px;
  36.  
  37.     text-decoration: none;
  38.  
  39.     color: #000;
  40.     border-top: 2px solid green;
  41.     background-color: #bff69e;
  42. }
  43. #nav li ul
  44. {
  45.     display: none;
  46. }
  47. #nav ul li a:hover
  48. {
  49.     color: #fff;
  50.     background-color: #066;
  51. }
  52. #nav li:hover ul
  53. {
  54.     position: relative;
  55.  
  56.     display: block;
  57. }
  58. #nav li:hover li
  59. {
  60.     font-size: 12px;
  61.  
  62.     float: none;
  63. }
  64.