Facebook
From Mungo Bison, 6 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 292
  1. body{
  2.         margin: 0;
  3.         padding: 0;
  4.         background-color: red;
  5. }
  6. #container{
  7.         margin-left: auto;
  8.         margin-right: auto;
  9.         width: 1000px;
  10.         height: 700px;
  11. }
  12. #menu{
  13.         width: 1000px;
  14.         height: 45px;
  15.         background-color: pink;
  16.         text-align: center;
  17. }
  18. #menulist{
  19.         list-style-type: none;
  20.         display: inline-block;
  21.         text-align: center;
  22.         margin: 0;
  23.         padding: 0;
  24.         font-size: 25px;
  25. }
  26. #menulist > li{
  27.         float: left;
  28.         display: inline-block;
  29.         text-align: center;
  30.         width: 150px;
  31.         height: 45px;
  32.         border-left; 1px green dashed;
  33. }
  34. #menulist > li:last-child{
  35.         border-right: 1px #990033 dashed;
  36. }
  37. #menulist > li > ul{
  38.         padding: 0;
  39.         margin: 0;
  40.         text-align: center;
  41.         list-style-type: none;
  42.         background-color: blue;
  43.         display: none;
  44.         position: relative;
  45. }
  46. #menulist > li:hover{
  47.         background-color: #ff9090
  48. }
  49. #menulist > li:hover > ul{
  50.         display: block;
  51. }
  52. #menulist > li:hover > ul > li:hover{
  53.         background-color: orange;
  54. }
  55.