设置超链接文字的样式

最新推荐文章于 2022-11-03 11:05:01 发布

不善表演

最新推荐文章于 2022-11-03 11:05:01 发布

阅读量2.8k

点赞数 3

分类专栏：网页效果

网页效果专栏收录该内容

10 篇文章 0 订阅

订阅专栏

标签定义的超链接

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:19pt;
	color:#ff0000;
	font-weight:bold;
	text-decoration:underline;
	}
	a:active{
		font-size:39pt;
		color:#6699ff;
		font-weight:bold;
		text-decoration:underline;
	}
</style>
</head>
<body>
<table align="center">
	<tr>
		<td>明日-><a href="#">明日</a></td>
	<tr>
</table>
</body>
</html>