css怎样实现鼠标点击表格变色效果

ID:12618 / 打印
在css中,可以利用“:active”选择器和background属性实现鼠标点击表格变色效果,语法为“表格元素:active{background:颜色值;}”。

css怎样实现鼠标点击表格变色效果

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css怎样实现鼠标点击表格变色效果

在css中可以利用“:active”选择器和background属性来实现鼠标点击表格变色效果。

:active”选择器用于选中鼠标点击元素时的状态,background属性用于设置元素的背景颜色。

立即学习“前端免费学习笔记(深入)”;

下面我们通过示例来看一下怎样实现鼠标点击表格变色,示例如下:

<html> <body> <style> .biaoge:active{ background:red; } </style> <table border="1" class="biaoge">   <tr>     <th>Month</th>     <th>Savings</th>   </tr>   <tr>     <td>January</td>     <td>$100</td>   </tr> </table> </body> </html>

输出结果:

11.gif

(学习视频分享:css视频教程)

上一篇: css3怎么改变字体
下一篇: css3怎样实现元素颜色从左到右变蓝效果

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。