div css导航条(全屏css导航条)

DIV CSS导航条

DIV+CSS导航条代码如下：

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>divcss5导航条</title> 
<!--* html注释：DIV CSS导航条CSS样式 * --> 
<style type="text/css"> 
<!-- 
#nav{width:100%;background:#666666;color:#FFFFFF; font-family:黑体;
 text-align:center; font-size:13px; font-weight:bold;} 
#nav a,span {border-left:#CCCCCC 1px solid; display:inline-block;
 height:40px; line-height:40px; padding:0px 10px; margin-left:-8px;} 
#nav a:link,a:visited,a:active{ text-decoration:none; color:#FFFFFF;} 
#nav a:hover { background:#CCCCCC;} 
--> 
</style></head> 
<div id="nav"> 
<a href="http://www.divcss5.com/">DIVCSS5</a> 
<a href="http://www.divcss5.com/">CSS</a> 
<a href="http://www.divcss5.com/html/">Html入门基础</a> 
<a href="http://www.divcss5.com/rumen/">CSS入门</a> 
<a href="http://www.divcss5.com/css-hack/">CSS hack</a> 
<a href="http://www.divcss5.com/css-tool/">CSS工具</a> 
<a href="http://www.divcss5.com/template/">DIV+CSS模块</a> 
<a href="http://www.divcss5.com/shili/">DIV+CSS实例</a> 
<a href="http://www.divcss5.com/shouce/">CSS手册</a>  
<a href="http://www.divcss5.com/css-editor.html"
 title="在线CSS编辑器，在线DIV+CSS编辑器">CSS编辑器</a> 
<span>&nbsp;</span> 
</div> 
</body> 
</html>

直接拷贝以上完整DIV CSS代码即可使用-CSS 导航条。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/template/m215.shtml