web初探-css-设置超链接样式

使用 CSS 伪类别来设置超链接样式

链接的四种状态：

a:link：普通的、未被访问的链接
a:visited：用户已访问的链接
a:hover：鼠标指针位于链接的上方
a:active：链接被点击的时刻

可以：

a:link{
...
}

这样，设置属性，它也是一种选择器

创建按钮式超链接

就是对颜色边框等设置，模拟出来的按钮效果
代码：

<style type = "text/css">
a:LINK,a:VISITED {
	color: #A62020;
	padding: 4px 10px 4px 10px;
	background-color: #DDD;
	text-decoration: none;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-bottom: 1px solid #717171;
	border-right: 1px solid #717171;
}
 
a:HOVER {
	color: #821818;
	padding: 5px 8px 3px 12px;
	background-color: #CCC;
	border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

</style>