html實作二級選項卡的方法:先開啟寫網頁程式碼的軟體,並新建一個html網頁文件,在body裡寫上html程式碼;然後在【
本教學操作環境:windows7系統、html5版,DELL G3電腦,此方法適用於所有品牌電腦。
html實作二級選項卡的方法:
1、開啟寫網頁程式碼的軟體,並新建一個html網頁文件,在body裡寫上html程式碼:
<body> <div class="a"> <ul> <li> <a href="#">一级</a> <ul class="d"> <li><a href="#">二级</a></li> <li><a href="#">二级</a></li> </ul> </li> </ul> </div> </body>
2、在<style></style>
裡面寫上css程式碼:
<style type="text/css"> .a ul li ul{ display: none;/*将 二级 菜单隐藏起来*/ } .a ul li:hover ul{ display: block;/*当鼠标移动到一级标签后,ul即二级菜单显示出来*/ } </style>
3、儲存運作後如圖,當滑鼠放上一層選單後顯示二級出來,完成全部步驟
#相關學習推薦:html影片教學
以上是html怎麼實現二級選項卡的詳細內容。更多資訊請關注PHP中文網其他相關文章!