可以设置链接下划线的颜色与文字不一样吗？粗细可以设置吗？

答案:4 悬赏:50 手机版

解决时间 2021-05-17 08:57

提问者网友：几叶到寒
2021-05-16 09:51

如题

最佳答案

五星知识达人网友：狂恋
2021-05-16 10:32

注：IE6和firefox完全正常，opera链接下划线部分不太正常。难以完美兼容呀。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

例一：常规用法（下划线不随文字变色）<br /><br />
<style>
a.test1:link { color:#04d; text-decoration:none; }
a.test1:visited { color:#04d; text-decoration:none; }
a.test1:hover { color:#000; text-decoration:underline; }
a.test1:active { color:#000; text-decoration:underline; }
.hong1 { color: #f00; }
</style>
</head>
<body>
<a href="#" class="test1">这是常规用法<font class="hong1">链接内文字变色</font></a>
<br /><br /><br />

例二：简单用法<br /><br />
<style type="text/css">
a.testa:link { color:#a00; text-decoration:underline; }
a.testa:visited { color:#a00; text-decoration:underline; }
a.testa:hover { color:#f60; text-decoration:underline; }
a.testa:active { color:#f60; text-decoration:underline; }
a.testb { text-decoration:overline; color:#a00; }
a.testb:hover { color:#f60; }
</style>
<a href="#" class="testa">test2----underline</a><br /><br />
<a href="#" class="testb">test2----overline</a><br /><br /><br />

例三：边界划线法(文字颜色和下划线颜色可分别处理)<br /><br />
<style type="text/css">
a.textc { color:#c00; border-bottom:#ccc solid 1px; text-decoration:none; }
a.textc:hover { color:#000; border-bottom:#069 solid 1px; text-decoration:none; }
a.textd { border-top:#ccc solid 1px; text-decoration:none; color:#c00; }
a.textd:hover { border-top:#069 solid 1px; text-decoration:none; color:#000; }
</style>
<a href="#" class="textc">test3----underline</a></a><br /><br />
<a href="#" class="textd">test3----overline</a><br /><br /><br />

例四：文字不变化，仅下划线变化<br /><br />
<style type="text/css">
a.teste { color:#c00; text-decoration:none;}
a.teste:hover { color:#666; text-decoration:underline;}
a.teste span { color:#c00;}
</style>
<a href="#" class="teste"><span>teste</span></a>

</body>
</html>

全部回答

1楼网友：青尢
2021-05-16 11:41

可以，在Word下进行

2楼网友：几近狂妄
2021-05-16 11:10

是WORD的设置吗？

要是，选中需下划线文字——右键——字体——选择下划线线形、颜色

3楼网友：一叶十三刺
2021-05-16 10:41

可以但是在空间和QQ聊天窗口不可以

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！