固定tab导航静态标题选项卡菜单模块(源码)

时间：2015-10-12 23:52:57 阅读：285 评论：0 收藏：0 [点我收藏+]

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>固定栏目导航菜单在线样式 www.divcss5.com</title>
<style>
ul,li{ list-style:none}
.main-tab{position:relative;height:31px;
background:url(‘images/T1Lr3tXbJXXXaqSQPX-4-31.png‘) repeat-x;}
.main-tab li{position:relative;float:left;height:31px;
line-height:31px;vertical-align:middle;font-size:14px;
padding-left:15px;margin-right:5px;
background:url(‘images/T1m3kbXbBkXXcZFXr4-200-123.png‘) no-repeat;
cursor:pointer;}
.main-tab li.selected{font-weight:bold;
background:url(‘images/T1m3kbXbBkXXcZFXr4-200-123.png‘) no-repeat 0 -37px;}
.main-tab li a{float:left;height:31px;padding-right:15px;
text-decoration:none;color:#333;
background:url(‘images/T1m3kbXbBkXXcZFXr4-200-123.png‘) no-repeat right 0;}
.main-tab li.selected a
{background:url(‘images/T1m3kbXbBkXXcZFXr4-200-123.png‘) no-repeat right -37px;}
.main-tab li .pk_icon{height:20px;width:14px;display:block;
position:absolute;top:-2px;right:4px
;background:url(‘images/T1kkEiXcXfXXbg9E..-14-20.gif‘) no-repeat;}
/* css注释：这里为了便于给大家在文章中展示所以进行换行，大家使用时候可以删除换行 */
</style>
</head>
<body>
<ul class="main-tab clearfix">
<li class="selected">
<a href="http://www.divcss5.com/">我的DIVCSS5</a>
</li>
<li>
<a href="http://www.css5.com.cn/">CSS切图</a><em class="pk_icon"></em>
</li>
<li >
<a href="http://www.divcss5.com/">CSS教程</a>
</li>
</ul>
</body>
</html>

原文：http://www.cnblogs.com/yllam/p/4873178.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)