给超级链接增加其他样式

ttx9n · 发表于 2006-7-19 00:00:00

给超级链接增加其他样式

<html> 
<head> 
<style type="text/css"> 
a.one:link {color: #ff0000} 
a.one:visited {color: #0000ff} 
a.one:hover {color: #ffcc00}

a.two:link {color: #ff0000} 
a.two:visited {color: #0000ff} 
a.two:hover {font-size: 150%}

a.three:link {color: #ff0000} 
a.three:visited {color: #0000ff} 
a.three:hover {background: #66ff66}

a.four:link {color: #ff0000} 
a.four:visited {color: #0000ff} 
a.four:hover {font-family: monospace}

a.five:link {color: #ff0000; text-decoration: none} 
a.five:visited {color: #0000ff; text-decoration: none} 
a.five:hover {text-decoration: underline} 
</style> 
</head>

<body> 
Mouse over the links to see them change layout.

<a class="one" href="https://www.jb51.net/article/default.asp" target="_blank">This link changes color</a> 
<a class="two" href="https://www.jb51.net/article/default.asp" target="_blank">This link changes font-size</a> 
<a class="three" href="https://www.jb51.net/article/default.asp" target="_blank">This link changes background-color</a> 
<a class="four" href="https://www.jb51.net/article/default.asp" target="_blank">This link changes font-family</a> 
<a class="five" href="https://www.jb51.net/article/default.asp" target="_blank">This link changes text-decoration</a> 
</body>

</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
让文字的第一行特殊化

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

平平安安 · 发表于 2022-8-8 08:55:29

笑纳了老板

5vulod · 发表于 2022-8-19 13:22:43

hi哦回复iOS就看见

kwzc65wdj · 发表于 2022-9-19 06:02:06

天天源码论坛

q42obh · 发表于 2022-10-11 20:47:19

天天源码社区。。。。

pwseqn1h · 发表于 2023-1-4 19:37:00

看看看看

70r45_zs · 发表于 2023-7-16 13:57:54

老衲笑纳了

7jbiiz · 发表于 2023-9-10 04:16:29

天天源码社区论坛

pb_tjc · 发表于 2023-9-16 21:25:20

大家都不容易！

5vulod · 发表于 2023-12-12 00:25:50

刷屏刷屏刷屏

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] 给超级链接增加其他样式

相关帖子