HTML/CSS--设置超链接文字的样式

<!-- 
    index.html 
    设置超链接文字的样式
    在css中,对超链接的样式有以下几种定义:
    设置未被访问时的样式:a:link{font-size:10px;...}
    设置鼠标经过时候的样式:a:hover{font-size:10px;text-decoration:underline;color:#ff0000}
    设置激活时的样式:a:active{font-size:10px;...}
    设置已被访问过的样式:a:visited{font-size:10px;color:#00ffff;...}
     -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超链接的样式</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<style type="text/css">
td {
    font-size: 9pt;
    color: #007766;
}

a:LINK {
    font-size: 9pt;
    color: #cccccc;
    font-weight: bold;
    text-decoration: underline;
}

a:HOVER {
    font-size: 9pt;
    color: #ff0000;
    font-weight: bold;
    text-decoration: underline;
}

a:ACTIVE {
    font-size: 9pt;
    color: #6699ff;
    font-weight: bold;
    text-decoration: underline;
}
</style>
</head>
<body>
    <table align="center">
        <tr>
            <td>欢迎学习HTML→<a href="#">HTML学习</a></td>
        </tr>
    </table>
</body>
</html>


你可能感兴趣的:(HTML/CSS--设置超链接文字的样式)