<div>

<ul>

<li><a></a></li>

<li><a></a></li>

<li><a></a></li>

..

</ul>

</div>

<li>中也可包含

<ul>

<a></a>

<li><a></a></li>

<li><a></a></li>

</ul>

通過display: inline-block;將ul取消塊級轉為內嵌式。

vertical-align: top; 將圖像頂端對齊。

ul{display: none; 隱藏ul中的<li>

hover ul{
display: block;
}

顯示ul中的<li>

text-decoration: none; 去掉a標簽下劃線

轉載于:https://www.cnblogs.com/chenjiren0109/p/4038705.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Css导航的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。