div+css 超链接伪类

来源：互联网发布：cnabs数据库编辑：程序博客网时间：2024/06/05 06:31

a:link {color: #FF0000} /* 未访问的链接*/

a:visited {color: #00FF00} /* 已访问的链接*/

a:hover {color: #FF00FF} /* 鼠标移动到链接上*/

a:active {color: #0000FF} /* 选定的链接*/介于hover之后visited之前

text-decoration属性值none代表无下划线，underline代表有下划线，line-through代表删除线。四种状态的顺序一定不能颠倒，否则有些不生效

1）增大点击区域

链接在默认状态下是内联元素，转换块级元素可以获得更大的点击区域，设置宽度和高度，display属性设置为block，具体如下：

a { display: block; height:30px; width: 100px; line-height: 30px; text-align: center;background: #CCC; }

2）制作css按钮

把超链接转换为块级元素后，增加一个按钮背景即可实现，如下所示：

a { display: block; height:34px; width: 107px; line-height: 2; text-align: center;background:url(/upload/2010-08/14/014304_btn_bg.gif) no-repeat 0px 0px; color:#d84700;font-size: 14px; font-weight: bold; text-decoration: none; padding-top: 3px; }

a:hover { background:url(/upload/2010-08/14/014304_btn_bg_hover.gif) no-repeat 0px 0px;}