类似按钮效果的网站导航CSS代码

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

您的位置: 网页特效 -> 菜单导航 -> 类似按钮效果的网站导航CSS代码

类似按钮效果的网站导航CSS代码

作者:admin 发布时间:2009-12-13 10:09:50 发布人: admin

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<title>类似按钮效果的网站导航CSS代码</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style type="text/css">
#navigation {
font-size:90%
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 1em;
}
#navigation li {
display: inline;
}
#navigation a:link, #navigation a:visited {
margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
color: #A62020;
background-color: #FCE6EA;
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}
#navigation a:hover {
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
</style>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="http://web.archive.org/web/20150530185011/http://ziti.jz123.cn/">字体下载</a></li>
<li><a href="http://web.archive.org/web/20150530185011/http://myjs.jz123.cn/">网页特效</a></li>
<li><a href="http://web.archive.org/web/20150530185011/http://www.zzgjj.com.cn/">站长工具</a></li>
<li><a href="http://web.archive.org/web/20150530185011/http://www.jz123.cn/">站长资讯</a></li>
</ul>
</div>
</body>
</html>

类似按钮效果的网站导航CSS代码

将本文收藏到QQ书签与更多好友分享

上一篇：文章：密码强度检测效果下一篇：文章：网页中实用的中英文日历网页特效代码

网页特效

类似按钮效果的网站导航CSS代码

本类浏览排行 »

本站推荐文章 »