html的a对象+div实现背影加亮

:link  设置a对象在未被访问前的样式表属性
:hover  设置对象在其鼠标悬停时的样式表属性
:active 设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性
:visited 设置a对象在其链接地址已被访问过时的样式表属性

 

<a href="#"><div></div></a>

 

 

a

{
}

a:link 

{
}

a:link div

{

        /* 设置a对象在未被访问前 div的样式 */
}

a:hover

{
}

a:hover div

{

        /* 设置对象在其鼠标悬停时 div的样式 */
}

 

a:active

{
}

a:active  div

{

         /* 设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时 div的样式 */
}

 

a:visited 

{
}

a:visited div

{

         /* 设置a对象在其链接地址已被访问过时 div 的样式 */
}