CSS 閱讀筆記–導航(工具列)橫向階層選單(2015/12/30)
資料來源: https://cold91.wordpress.com/2010/01/08/css簡易css水平下拉式選單製作/
css\menu.css
type=”text/css”> /*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: }
|
menu.html
http-equiv=”Content-Type” content=”text/html;
InstanceBeginEditable name=”doctitle” –>
InstanceEndEditable –>
href=”css/menu.css” rel=”stylesheet”
class=”submenu”> 主連結1
class=”submenu”> 主連結2
class=”submenu”> 主連結3
class=”submenu”> 主連結4
class=”submenu”> 主連結5
|