一个完整的导航条案例

百度谷歌搜狗

加关注：新浪微博腾讯微博

发布时间：2013-09-18 15:44 　来源/作者：藕码网　分类：扩展区

TAG标签：

摘要：一个完整的导航条案例

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>一个完整的导航条案例</title> 
<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.oucode.com/">DIVCSS5</a> 
<a href="http://www.oucode.com/">CSS</a> 
<a href="http://www.oucode.com/html/">Html</a> 
<a href="http://www.oucode.com/html/">CSS</a> 
<a href="http://www.oucode.com/js/">js</a> 
<a href="http://www.oucode.com/asp/">asp</a> 
<a href="http://www.oucode.com/php/">php</a> 
<a href="http://www.oucode.com/jsp/">jsp</a>
<span> </span> 
</div> 
</body> 
</html>

素材详情
用户评论
相关文章

一个完整的导航条案例
最新评论

验证码:

菜单/ Menu

热门下载/ HOT