HTML设置超链接字体颜色和点击后的字体颜色

 <!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=utf-8" />
<title>无标题文档</title>
<html>
<head>
<style type="text/css">
a.one:link {color: #ff0000} a.one:hover {color: #F00 ;font-size: 150%} 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 ;font-size: 150%} 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>
<p>请把鼠标移动到这些链接上,以查看效果:</p> <p><b><a class="one" href="http://www.baidu.com" target="_blank">这个链接改变颜色</a></b></p>
<p><b><a class="two" href=" http://www.baidu.com " target="_blank">这个链接改变字体大小</a></b></p>
<p><b><a class="three" href=" http://www.baidu.com " target="_blank">这个链接改变背景颜色</a></b></p>
<p><b><a class="four" href=" http://www.baidu.com " target="_blank">这个链接改变字体系列</a></b></p>
<p><b><a class="five" href=" http://www.baidu.com " target="_blank">这个链接改变文本装饰</a></b></p>
</body> </html>
上一篇:IOS开发系列--Objective-C之协议、代码块、分类


下一篇:Android横竖屏切换处理