链接的各种运用

链接的各种样式：

 

直接定义a不行吗？
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}  /* 鼠标点中激活链接   蓝色 */

 

鼠标停留后div变色

a

{

    display:block;

    width:100px;

    background-color:#CBCBCB;

}

a:hover

{

    background-color:#999999;

    }