Maison > Article > interface Web > Comment obtenir l'effet de décoloration du tableau de clic de souris en CSS
Comment obtenir l'effet de décoloration du tableau de clic de souris en CSS
- WBOYoriginal
- 2021-11-26 11:49:426151parcourir
在css中，可以利用“:active”选择器和background属性实现鼠标点击表格变色效果，语法为“表格元素:active{background:颜色值;}”。
本教程操作环境：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>输出结果：
（学习视频分享：css视频教程）
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment obtenir l'effet de changer la couleur des éléments de gauche à droite en CSS3Article suivant：Comment obtenir l'effet de changer la couleur des éléments de gauche à droite en CSS3