相关文章
八大最值得递交的网站库与与四大最值得添加的链接
9月后百度收录新站潜规则及对应方法
网站建设CSS制作带有样式的网页按钮
北京网页设计做网页一定要学CSS吗？有什么理由？
网页设计初学者指南之详细学习CSS的结构和规则
网页设计用CSS控制网站总“队形”
北京网页设计Dreamweaver MX 2004 CSS定位属性
网站设计Dreamweaver制作在线调查统计程序
网页设计FLASH MX 2004视频教程:机器猫动画片头制作(四)
企通互联Dreamweaver CS3 Beta界面功能大曝光
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网页设计网站制作绿色下划线的简洁CSS导航代码
北京网页设计网站制作绿色下划线的简洁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>网站建设 www.qitongnet.com
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>网站建设 www.qitongnet.com
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>网站设计
友情提示：全选代码复制运行，您也可以先修改部分代码再运行。