HTML css样式鼠标移到a标签上面让a变色

2022-07-21,,,,

HTML页面编写 css样式控制鼠标移到a标签上面让a变颜色

利用hover属性,鼠标控制移动到标签上面触发,css代码参考如下:

<style>
a {  color : red ; transition: 0.5 s; }
a:hover {  color : blue ; }
</style>

 transition是CSS3的一个属性,指示当标签的状态变化时,过渡的时间,0.5s 表示过渡(渐变)时间为 0.5 秒,此时间可自行设置。

同时可能想去掉a标签的下横线,css代码去掉a标签下划线如下:

a{ text-decoration:none;}

好了,以上就是本文总结的css样式特性,希望对你有帮助!

《HTML css样式鼠标移到a标签上面让a变色.doc》

下载本文的Word格式文档,以方便收藏与打印。