css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色)。
鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇。
此DIV CSS布局技巧其实是对a标签做鼠标经过CSS样式。利用以下代码:
a{...} 原始超链接默认样式设置
a:hover{...}鼠标悬停经过时超链接锚文本CSS样式(扩展阅读:ie6 hover)
一、链接文字无背景鼠标经过悬停出现背景颜色 - TOP
当鼠标经过无背景颜色和背景图片的文字超链接时(悬停),超链接锚文本文字背景出现背景颜色。
我们通过实例实现鼠标经过a链接css背景颜色改变,我们对超链接a标签外加个div盒子css命名为".divcss5-abc"
html>
a背景颜色改变
.divcss5-abca{color:#000}/*css注释说明:超链接颜色为黑色*/
.divcss5-abca:hover{background:#00F;color:#FFF}
/*css注释说明:鼠标经过悬停超链接时字体颜色为白色,背景为蓝色*/
欢迎来到divcss5