现在的位置: 首页 > 网站建设 > 正文

超级链接a的css样式

2014年09月07日 网站建设 ⁄ 共 631字 ⁄ 字号 暂无评论 ⁄ 阅读 949 次

超级链接a的css样式:

介绍这4个常见伪类作用与解释

1、a:link
设置a对象在未被访问前(未点击过和鼠标未经过)的样式表属性。也就是html a锚文本标签的内容初始样式。

2、a:hover
设置对象在其鼠标悬停时的样式表属性,也就是鼠标刚刚经过a标签并停留在A链接上时样式。

3、a:active
设置A对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。也就是鼠标左键点击html A链接对象与释放鼠标右键之间很短暂的样式效果。

4、a:visited
设置a对象在其链接地址已被访问过时的样式表属性。也就是html a超链接文本被点击访问过后的CSS样式效果。

a:link {color: blue}     /* 未被访问的链接     蓝色 */
a:visited {color: blue}  /* 已被访问过的链接   蓝色 */
a:hover {color: blue}    /* 鼠标悬浮在上的链接 蓝色 */
a:active {color: blue}   /* 鼠标点中激活链接   蓝色 */
非要加类的话:
.div1 a:link, .div2 a:link {color: blue}     /* 未被访问的链接     蓝色 */
.div1 a:visited , .div2 a:visited {color: blue}  /* 已被访问过的链接   蓝色 */
.div1 a:hover, .div2 a:hover {color: blue}    /* 鼠标悬浮在上的链接 蓝色 */
.div1 a:active , .div2 a:active {color: blue}   /* 鼠标点中激活链接   蓝色 */
猜你喜欢

给我留言

留言无头像?