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

2010-5-18 9:03:32 来源: 云梯科技 www.wangzhan114.com [大中小]

制作网站时如果只去掉一个超链接文字的下面横线，在<a>中加上CSS代码： style="text-decoration: none"

实例：

<a href=# >带下划线的连接</a>

<a href=# style="text-decoration: none">不带下划线的连接</a>

制作网站如果去掉所有超链接文字的下面横线，在<head>中加上如下CSS代码：

a{ color: #000000; font-size: 12pt; text-decoration: none}

</STYLE>

制作网站如果去掉所有超链接文字的下面横线，但在鼠标指向时又出现横线，在<head>中加上如下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－－有下面横线

您现在的位置： 网站首页 > 网站专题 > 常见问题 > 详细内容