相关文章
网站建设CSS制作的垂直导航菜单效果
企通互联一起学习彻底掌握DIV CSS网页布局
北京网页设计DreamWeaver打造Web查询系统（3）
北京网页设计4天学会 NoahWeb 表单 - 第一天
网站制作“mailto”的六则应用技巧
网站建设Flash 遮罩特效的综合操练（1）
www.qitongnet.comDreamweaver经典问题大搜罗(三)
网站建设网页的基本元素
北京网站制作网页制作软件FrontPage XP的使用技巧
网站建设CSS长度单位的区别 - pt,px和cm的区别
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> www.qitongnet.com企通互联绿色下划线的简洁CSS导航代码
www.qitongnet.com企通互联绿色下划线的简洁CSS导航代码
作者： 北京网站建设 日期：2008-03-27 06:03:34 来源： http://www.qitongnet.com
<html>网站制作
<head>北京网站制作
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />网站制作
<title><a href='http://www.admin5.com/webdesign/' target=_blank>网页制作</a></title>网站建设 北京网站建设
<style>网页设计
body{background-color:#292929;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center}北京网站建设
#navcontainer{width:778px}北京网站制作
#navlist企通互联
{网页设计
margin: 0;网站建设
padding: 0 0 20px 20px;北京网页设计
border-bottom: 1px solid #444;北京网站建设
}北京网站设计
#navlist ul, #navlist li 北京网站制作北京网站建设
{北京网站制作
margin: 0;网站设计
padding: 0;网站制作
display: inline;网站设计
list-style-type: none;北京网站制作 北京网页设计
}企通互联
#navlist a:link, #navlist a:visited网站设计
{ 网站建设北京网站建设
float: left;网站设计
line-height: 14px;北京网站设计
margin: 0 10px 4px 10px;网站设计
text-decoration: none; 网站制作北京网页设计
color: #999;网页设计
}企通互联
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover北京网站制作
{网站建设
border-bottom: 1px solid #76B41C;网站建设
padding-bottom: 5px;北京网站设计
background: transparent;网站设计
color: #fff;企通互联
}北京网站建设
#navlist a:hover { color: #EEEE; }北京网站设计
</style>北京网页设计
</head>网站设计
<body>北京网站设计
<p> </p>北京网站制作
<p> </p>企通互联
<div id="navcontainer">网页设计
<ul id="navlist">北京网页设计
<li><a href="http://www.admin5.com/" target="_blank" id="current">Link 01</a></li>北京网站设计
<li><a href="http://www.admin5.com/" target="_blank">Link 02</a></li>北京网站建设
<li><a href="http://www.admin5.com/" target="_blank">Link 03</a></li>网页设计
<li><a href="http://www.admin5.com/" target="_blank">Link 04</a></li>网站建设
<li><a href="http://www.admin5.com/" target="_blank">Link 05</a></li>北京网页设计
<li><a href="http://www.admin5.com/" target="_blank">Link 06</a></li>北京网站制作
<li><a href="http://www.admin5.com/" target="_blank">Link 07</a></li>企通互联
<li><a href="http://www.admin5.com/" target="_blank">Link 08</a></li> 网站设计北京网站制作
<li><a href="http://www.admin5.com/" target="_blank">Link 09</a></li>北京网站设计
</ul>网站制作
</div>北京网站建设
</body>网站设计
</html>网站建设
网页设计友情提示：全选代码复制运行，您也可以先修改部分代码再运行。
北京网站设计 企通互联
<head>北京网站制作
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />网站制作
<title><a href='http://www.admin5.com/webdesign/' target=_blank>网页制作</a></title>网站建设 北京网站建设
<style>网页设计
body{background-color:#292929;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center}北京网站建设
#navcontainer{width:778px}北京网站制作
#navlist企通互联
{网页设计
margin: 0;网站建设
padding: 0 0 20px 20px;北京网页设计
border-bottom: 1px solid #444;北京网站建设
}北京网站设计
#navlist ul, #navlist li 北京网站制作北京网站建设
{北京网站制作
margin: 0;网站设计
padding: 0;网站制作
display: inline;网站设计
list-style-type: none;北京网站制作 北京网页设计
}企通互联
#navlist a:link, #navlist a:visited网站设计
{ 网站建设北京网站建设
float: left;网站设计
line-height: 14px;北京网站设计
margin: 0 10px 4px 10px;网站设计
text-decoration: none; 网站制作北京网页设计
color: #999;网页设计
}企通互联
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover北京网站制作
{网站建设
border-bottom: 1px solid #76B41C;网站建设
padding-bottom: 5px;北京网站设计
background: transparent;网站设计
color: #fff;企通互联
}北京网站建设
#navlist a:hover { color: #EEEE; }北京网站设计
</style>北京网页设计
</head>网站设计
<body>北京网站设计
<p> </p>北京网站制作
<p> </p>企通互联
<div id="navcontainer">网页设计
<ul id="navlist">北京网页设计
<li><a href="http://www.admin5.com/" target="_blank" id="current">Link 01</a></li>北京网站设计
<li><a href="http://www.admin5.com/" target="_blank">Link 02</a></li>北京网站建设
<li><a href="http://www.admin5.com/" target="_blank">Link 03</a></li>网页设计
<li><a href="http://www.admin5.com/" target="_blank">Link 04</a></li>网站建设
<li><a href="http://www.admin5.com/" target="_blank">Link 05</a></li>北京网页设计
<li><a href="http://www.admin5.com/" target="_blank">Link 06</a></li>北京网站制作
<li><a href="http://www.admin5.com/" target="_blank">Link 07</a></li>企通互联
<li><a href="http://www.admin5.com/" target="_blank">Link 08</a></li> 网站设计北京网站制作
<li><a href="http://www.admin5.com/" target="_blank">Link 09</a></li>北京网站设计
</ul>网站制作
</div>北京网站建设
</body>网站设计
</html>网站建设
网页设计友情提示：全选代码复制运行，您也可以先修改部分代码再运行。
