CSS 閱讀筆記-導航(工具列)橫向階層選單(2015/12/30)
CSS 閱讀筆記–導航(工具列)橫向階層選單(2015/12/30)
css\menu.css
|
<style /*menu01選單連結的顏色及去底線*/ #menu01 text-decoration: color: } /*menu01選單整體寬高及顏色置中設定*/ #menu01 width: height: text-align: padding: margin: background: } /*讓menu01選單的標頭都隱藏起來*/ #menu01 padding: margin: 0; list-style: } /*調整整個選單各主標題連結*/ #menu01 float: padding: margin: width: height: text-align: } /*調整子選單的寬度和高度*/ #menu01 padding: width: height: text-align: } /*ie8 #menu01 display: position: z-index: background: margin-top: margin-left: } /*顯示子選單區塊*/ #menu01 display: } /*調整滑鼠移到主選單的項目時會變什麼顏色*/ #menu01 background-color: color: } /*調整滑鼠移到子選單的項目時會變什麼顏色*/ #menu01 background-color: color: } </style> |
menu.html
|
<html> <head> <meta <!– <title>CP <!– <link </head> <body> <ol <li <ul> <li><a <li><a <li><a </ul> </li> <li <ul> <li><a <li><a <li><a </ul> </li> <li <ul> <li><a <li><a <li><a </ul> </li> <li <ul> <li><a <li><a <li><a </ul> </li> <li </li> </ol> </body> </html> |