您的位置：首页 > Web前端 > CSS

超链接样式的设置

2013-02-23 13:50 148 查看

超链接样式的设置
超链接可以说是网页发展史上一个伟大的发明，它使得许多页面之间相互链接从而构成一个网站。本节课的重点：CSS伪类

a:link {color: #FF0000}              /* 未访问的链接 */
a:visited {color: #00FF00}       /* 已访问的链接 */
a:hover {color: #FF00FF}          /* 鼠标移动到链接上 */
a:active {color: #0000FF}        /* 选定的链接 */

<!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>5、超链接样式的设置[视频]</title>
<style type="text/css">
<!--
a:link {
color: #FF6600;
text-decoration: none;
}
a:visited {
color: #999999;
}
a:hover {
color: #00FF00;
}
a:active {
color: #0000FF;
}
-->
</style>
</head></span>
<span><body>
<p><a href="#">这里是链接</a></p>
<p><a href="10.html">这里也是链接 </a></p>
</body></span>
<span>
</html>

文章出处：标准之路(http://www.aa25.cn/div_css/882.shtml)

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航