做网站时如何去掉超链接下面的横线

日期:2018-04-10 12:59:48   来源:南宁致峰网络   评论:0
做网站时如何去掉超链接下面的横线
 
制作网站时如果只去掉一个超链接文字的下面横线,在<a>中加上CSS代码: style="text-decoration: none"

 
实例:
 
<a href=# >带下划线的连接</a>
 
<a href=# style="text-decoration: none">不带下划线的连接</a>
 
制作网站如果去掉所有超链接文字的下面横线,在<head>中加上如下CSS代码:
 
<STYLE type="text/css">
 
<!
a{ color: #000000; font-size: 12pt; text-decoration: none}
>
 
</STYLE>
 
制作网站如果去掉所有超链接文字的下面横线,但在鼠标指向时又出现横线,在<head>中加上如下CSS代码:
 
<STYLE type="text/css">
 
<!
a{ color: #000000; font-size: 12pt; text-decoration: none}
a:hover{ color: #ff0000; font-size: 12pt; text-decoration: underline}
>
 
</STYLE>
 
说明:color: #000000--文字的颜色
 
font-size: 12pt--文字的大小
 
text-decoration: none--没有下面横线
 
text-decoration: underline--有下面横线
 
转载请注明出处(文章出自南宁致峰网络),想了解更多,请访问南宁致峰网络
 
相关网站
请您留言

南宁致峰网络科技有限公司