欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-10 15:12:29
HTML页面编写 css样式控制鼠标移到a标签上面让a变颜色...

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样式特性,希望对你有帮助!