달력

072018  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

심심해서 만들어본 간단한 롤오버 메뉴



<html>
 <head>
  <style>
 body {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  line-height: 1.5em;
  font-family: Dotum, "돋움", sans-serif;
 }

 #navi {
  width: 100%;
  text-align: center;
  background-color: #BBCCCC;
 }

 #navi a{ text-decoration: none; color: #78777C}
 #navi a:hover {
  position:relative;
  z-index:10;
  letter-spacing:0;
  text-decoration: underline;
 }

 #navi span { width: 110px; line-height: 27px;
  line-height:27px;
  cursor:hand;
 }

 #navi ul li a span { width: 110px;}
 #navi a:hover span  { background-color: #A2BFBF;}

  </style>
 </head>

 <body>

  <div id="navi">
   <span><a href=""><span id="naviLink">메뉴 1</span></a></span>
   <span><a href=""><span id="naviLink">메뉴 1</span></a></span>
   <span><a href=""><span id="naviLink">메뉴 1</span></a></span>
   <span><a href=""><span id="naviLink">메뉴 1</span></a></span>
   <span><a href=""><span id="naviLink">메뉴 1</span></a></span>
   <span><a href=""><span id="naviLink">메뉴 1</span></a></span>
  </div>
 </body>
</html>





Posted by Tornado tornado