导航
首页
站内首页
网罗天下
网页前端
软件使用
站内首页
>
网页前端
>
HTML
> 正文
下划线的简洁CSS导航代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>A5下载</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: #fff; } </style> </head> <body> <p> </p> <p> </p> <div id="navcontainer"> <ul id="navlist"> <li><a href="http://down.admin5.com/" target="_blank" id="current">Link 01</a></li> <li><a href="http://down.admin5.com/" target="_blank">Link 02</a></li> <li><a href="http://down.admin5.com/" target="_blank">Link 03</a></li> <li><a href="http://down.admin5.com/" target="_blank">Link 04</a></li> <li><a href="http://down.admin5.com/" target="_blank">Link 05</a></li> <li><a href="http://down.admin5.com/" target="_blank">Link 06</a></li> <li><a href="http://down.admin5.com/" target="_blank">Link 07</a></li> <li><a href="http://down.admin5.com/" target="_blank">Link 08</a></li> <li><a href="http://down.admin5.com/" target="_blank">Link 09</a></li> </ul> </div> </body> </html>
提示:可以修改后运行.
<<
类似QQ首页的无刷新换肤切换样式
纯div+css制作的弹出菜单
>>
查看所有评论
昵称
评论内容
相关文章
在线留言
© 2021
i0561搜索
.All rights reserved.
v3.24
作者:
Song2816@126.com
浏览:
发布时间:
10/02/07