立体感超强css精品网站导航条

最新推荐文章于 2023-03-05 10:04:41 发布

lose_ever

最新推荐文章于 2023-03-05 10:04:41 发布

阅读量4.1k

点赞数

文章标签： css class stylesheet xhtml 资讯 html

立体感超强css精品网站导航条

演示图如下:

详细代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>桔黄与蓝色搭配的横向导航栏代码--免费模板</title>
<meta name="keywords" content="js导航条,css菜单导航,css导航条,css导航特效代码" />
<meta name="description" content="此代码内容为桔黄与蓝色搭配的横向导航栏代码，更多菜单导航代码请访问免费模板cssdh.mianfeimoban.com" />
<link href="http://cssdh.mianfeimoban.com/uploadfile/2012/0308/menu/menu_1203084/css/base.css" rel="stylesheet" />

</head>
<body>

<div id="header"></div>

	<div id="dd-navigation">
    	<div id="nav-strip">
            <ul>
                <li class="nav-item no-subnav active" id="nav-item_1"><a href="http://www.mianfeimoban.com" ><span class="primary-link">首页</span></a></li>
                <li class="nav-item" id="nav-item_2"><a href="#" ><span class="primary-link">关于我们</span></a></li>
                <li class="nav-item" id="nav-item_3"><a href="#" ><span class="primary-link">产品展示</span></a> </li>
                <li class="nav-item" id="nav-item_4"><a href="#" ><span class="primary-link">行业资讯</span></a></li>
                <li class="nav-item" id="nav-item_5"><a href="#" ><span class="primary-link">工程案例</span></a></li>
                <li class="nav-item no-subnav" id="nav-item_6"><a href="#" ><span class="primary-link">免费模板</span></a></li>
                <li class="nav-item" id="nav-item_7"><a href="#" ><span class="primary-link">联系我们</span></a></li>
                <li class="nav-item no-subnav end" id="nav-item_8"><a href="#" ><span class="primary-link">客服中心</span></a></li>         
			</ul>
       	</div>
    </div>
</div>

</body>
</html>

原文地址:http://cssdh.mianfeimoban.com/cssdaohangtiao/20120308124.html