ホームページ > 記事 > ウェブフロントエンド > CSSでマウスクリックテーブルの変色効果を実現する方法
CSSでマウスクリックテーブルの変色効果を実現する方法
- WBOYオリジナル
- 2021-11-26 11:49:426144ブラウズ
在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视频教程）
以上がCSSでマウスクリックテーブルの変色効果を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。