<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>Demo超链接</title>
<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: 90t;
color: #ff0000;
font-weight: bold;
text-decoration: underline;
}
a:active {
font-size: 9pt;
color: #6699ff;
font-weight: bold;
text-decoration: underline;
}
a:visited {
color: orange;
}
</style>
</head>
<body>
<table align="center">
<tr>
<td>明日科技--><a href="#">明日科技</a></td>
</tr>
</table>
</body>
</html>
连接正常的显示的状态:
鼠标移动上去的状态:
鼠标点击后的状态:
关键点:
1.设置连接未被访问时的样式
a:link{font-size:10px;}
2.设置连接在鼠标经过时的样式:
a:hover{font-size:10px;text-decoration:underline}
3.设置连接被激活时的样式:
a:active{font-size:10px;}
4.设置连接已被访问过的样式:
a:visited{font-size:10px;}