CSS完成电脑鼠标滑过电脑鼠标点一下编码写法

2021-01-20 19:03 jianzhan

电脑鼠标滑过元素,使得元素的款式产生更改

大家界定1个按钮标识


拷贝编码
编码以下:

<button class="px-button">BUTTON</button>

大家最先设定按钮的情况色调为灰色:


拷贝编码
编码以下:

.px-button{
background-color: grey;
}

大家要使得电脑鼠标滑过按钮的情况下,让其变成蓝色,大家只必须提升hover挑选器:


拷贝编码
编码以下:

.px-button:hover{
background-color: blue;
}

大家要使得电脑鼠标点一下按钮的情况下,让其变成鲜红色,大家只必须提升active挑选器:


拷贝编码
编码以下:

.px-button:active{
background-color: red;
}

以上所述是网编给大伙儿详细介绍的CSS完成电脑鼠标滑过电脑鼠标点一下编码写法,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!