码迷,mamicode.com
首页 > Web开发 > 详细

Css导航

时间:2014-10-20 22:46:42      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:io   sp   div   on   line   text   ca   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导航

标签:io   sp   div   on   line   text   ca   css   标签   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!