导航菜单文字加边框效果-JS特效-爱易网页

导航菜单文字加边框效果

日期：2014-05-18　浏览次数：20367 次

以下是程序代码

<style>
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}
#tablist li a:link, #tablist li a:visited{
color: navy;
}
#tablist li a:hover{
color: black;
background: lightyellow;
border-color: navy;
}
#tablist li a.current{
background: lightyellow;
}
</style>

<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<ul id="tablist">
<li><a class="current" href="http://www.zzjs.net">站长特效网</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=1">zzjs</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=2">网页特效</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=11">广告代码</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=13">留言本</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=8">rss订阅</a></li>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.aiyiweb.com">爱易网</a></li>
</ul>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

北京今日实现用支付宝钱包为公交卡充值

央行暂停二维码支付及虚拟信用卡支付宝微信不知情

O2O成"唐僧肉"：百度糯米抢食第一口令阿里腾讯颤抖

薛蛮子取保后首次发微博表示：辜负你们了

陈天桥之鉴：产品创新被扼杀那些事

虚拟运营市场躁动：山西煤老板兴味浓重

首个释放出搅局房地产信号的互联网公司不是小米而是58同城

TD是完成中国梦的一个契机

中兴通讯不打机海战术将向中高端手机转型

网站建设一条龙做网站网站制作网站定制企业网站设计特价

推荐阅读更多>