HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

« 揭开微软Windows和Office WGA正版验证的真相QQ彻底隐身技巧 »

将超链接的下划线做成虚线的方法

    我们在浏览网页的时候,通常将鼠标移动文字超链接上时,在文字的下方会出现下划线,但这个下划线通常是实线,今天就教大家将超链接的下划线做成虚线的方法。

    其实这样的效果,是先设置text-decoration:none,也就是去除了链接的下划线,然后再给链接加下边框线,设置下边框线不同的宽度、线型、颜色,就可以实现“下划线”变成多样效果。我们来看下面的代码:

 
a.text:hover {
text-decoration:none;
border-bottom:1px dashed #ccc;/*下边框线,1象素,虚线,颜色ccc*/
color:#c00;
}

a.text:hover {
border-bottom:1px solid #c00;/*下边框线,1象素,实线,颜色c00*/
color:#666;
}

 



欢迎转载,转载请注明:转载自HTMer [ http://www.htmer.com/ ]

本文链接地址:http://www.htmer.com/article/418.htm

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version