Css导航

<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标签下划线

Css导航

原文：http://www.cnblogs.com/chenjiren0109/p/4038705.html