您现在的位置：首页 >> 前端 >> 内容

给超级链接增加其他样式

时间：2006/7/19 点击：

　　核心提示：给超级链接增加其他样式 a.one:link {color: #ff0000} a.one:visited {color: #0000ff} a.one:hover {color: #ffcc00} ...

给超级链接增加其他样式

<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 全选注:如需引入外部Js需刷新才能执行]

让文字的第一行特殊化

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