a标签伪类样式，鼠标形状，背景图片及定位，列表样式-白红宇

a标签伪类样式，鼠标形状，背景图片及定位，列表样式

阅读量：6311 次

发布时间：2019-06-22

本文共 894 字，大约阅读时间需要 2 分钟。

一、a标签鼠标运动：

1、link鼠标未访问时的样式

2、visited鼠标访问后的样式。

3、hover鼠标经过时的样式。

4、active鼠标点击后但没有松开的样式。

例如：

/*当a标签未被访问时候的样式*/    a:link{        font-size:15px;        color:red;        text-decoration: none;/*            清除下划线*/    }    /*a标签鼠标滑过的样式*/    a:hover{        color:green;        text-decoration: underline;        /*下划线*/    }    /*a标签被访问过后的样式*/    a:visited{        font-size: 20px;        color:yellow;        text-decoration:line-through;        /*删除线*/    }    /*当鼠标放上去但没松开*/    a:active{        color:pink;        font-weight:bold;        text-decoration: overline;        /*顶划线*/    }

重点：

hover可以定义任何一个鼠标经过后的元素样式。

如：p：hover{

color：red；

}

p标签内文字在鼠标滑动时显示红色。

二、鼠标变形

cursor:pointer鼠标变小手。还可以变形