Rumah > Artikel > hujung hadapan web > css怎样实现鼠标点击表格变色效果
css怎样实现鼠标点击表格变色效果
- WBOYasal
- 2021-11-26 11:49:426115semak imbas
在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视频教程）
Atas ialah kandungan terperinci css怎样实现鼠标点击表格变色效果. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css3怎样实现元素颜色从左到右变蓝效果Artikel seterusnya：css3怎么改变字体