鹤壁天域网络专业技术团队、六年建站经验、多项成功作品,真诚与您合作,让网站为您的企业带来更多的效益!

鹤壁天域网络科技有限公司

24小时联系电话:0372-8668132 手机:15639220616
主页 > 建站知识 > 网站建设 >

建站指南

天域网络专业技术团队、六年建站经验、多项成功作品,真诚与您合作,让网站为您的企业带来更多的效益!

鹤壁网站建设之如何去除超链接下面的下划线

作者:天域网络 来源:未知 日期:2014-08-23 14:55 人气:

 
我们可以用CSS语法来控制超链接的形式、颜色变化。
   下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划
线,显示为绿色。
   实现方法很简单,在源代码的和之间加上如下的CSS语法控制:
   <style type="text/css"> 
   <!-- 
   a:link { text-decoration: none;color: blue} 
   a:active { text-decoration:blink} 
   a:hover { text-decoration:underline;color: red} 
   a:visited { text-decoration: none;color: green} 
   --> 
   </style>
   其中:
   a:link 指正常的未被访问过的链接;
   a:active 指正在点的链接;
   a:hover 指鼠标在链接上;
   a:visited 指已经访问过的链接;
   text-decoration是文字修饰效果的意思;
   none参数表示超链接文字不显示下划线;
   underline参数表示超链接的文字有下划线
   同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。


鹤壁网站建设首选鹤壁天域网络!
标签: