Advertisement
mmdeth

bikin menu

Feb 13th, 2017
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.79 KB | None | 0 0
  1. #menu {
  2.     height:40px;
  3.    
  4.     }
  5. #menu ul {
  6.     list-style:none;
  7.     padding:0px ;
  8.     margin:0px auto;
  9.     display:inline-table;
  10.     position:relative;;
  11.     }
  12. #menu ul li {
  13.     float:left;
  14.    
  15.     }
  16. #menu ul li a{
  17.     padding:10px;
  18.     text-decoration:none;
  19.     color:white;
  20.     background-color:#039;
  21.     display:block;
  22.     cursor:pointer;
  23.    
  24.     }
  25. #menu ul li a:hover {
  26.     background-color:#09F;
  27.     }
  28.  
  29. /*bagian sub-menu*/
  30. #menu ul li:hover > ul{
  31.     display:block;}
  32. #menu ul:after {
  33.     content:"";
  34.     clear:both;
  35.     display:block;
  36.     }
  37. #menu ul ul{
  38.     border-radius:0px;
  39.     padding:0px;
  40.     position:absolute;
  41.     top:100%;
  42.     display:none;
  43.     }
  44. #menu ul ul li{
  45.     float:none;
  46.     border:1px solid white;
  47.     position:relative;
  48.     }
  49. #menu ul ul li a{
  50.     padding:10px;
  51.     }
  52. /*sub sub menu*/   
  53. #menu ul ul ul {
  54.     position:absolute;
  55.     left:100%;
  56.     top:0;
  57.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement