页面导航：首页 → 网络编程 → CSS/HTML → 正文内容

给超级链接增加其他样式

发布：dxy 字体：[增加减小] 类型：转载

给超级链接增加其他样式

点击运行可以看到效果:

<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="default.asp" target="_blank">This link changes color</a> 
<a class="two" href="default.asp" target="_blank">This link changes font-size</a> 
<a class="three" href="default.asp" target="_blank">This link changes background-color</a> 
<a class="four" href="default.asp" target="_blank">This link changes font-family</a> 
<a class="five" href="default.asp" target="_blank">This link changes text-decoration</a> 
</body>

</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

让文字的第一行特殊化

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：给超级链接增加其他样式