加载中…
正文 字体大小:

鼠标指向连接有背景的导航菜单代码(精品)

(2006-06-22 12:36:30)
分类: 特效代码区
又一款很不错的CSS导航栏代码,鼠标指向连接字后连接字出现背景,方法和刚刚发表的文章方法差不多,下面把代码分享一下,添加成功的博友希望在本文章留言并评论:
1:把以下代码复制粘贴到有内容的面板里面→保存:
<style>
#borderlinks a{padding-left: 4px;display: block;
width: 150px;
color: black;
text-decoration: none;
border: 1px solid white;}
#borderlinks a:hover{
border: 1px solid black;
background-color: lightyellow;}
</style>
2:复制粘贴以下代码到你想添加连接导航的面板里面,新增也可以,把其中连接地址和连接文字改成你自己的即可
<div id="borderlinks">
<a href="
连接地址">连接文字</a>
<a href="连接地址
">连接文字</a>
<a href="连接地址
">连接文字</a>
<a href="连接地址
">连接文字</a>
</div>

说明:其实这个代码并不难,只需要两步便可以轻松完成该导航的制作,第一步很重要,它聚集了导航中的所有特效,一定要先添加到有内容的面板里,第二步倒比较简单一点,连接地址和连接文字修改还后,添加即可,添加完成后你把鼠标放到该导航的连接文字上便可以看到起效果了,感谢大家对小米空间的支持!

阅读 评论 收藏 转载 喜欢 打印举报
  • 评论加载中,请稍候...

       

    验证码: 请点击后输入验证码 收听验证码

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有