在网页设计中,常常会使用到按钮。而当用户按下按钮时,我们通常需要改变按钮的颜色、形状或者大小等等来表现出按钮被按下的效果。在 CSS 中,我们可以使用伪类来达到这种效果。
使用伪类 :active 可以选中一个被激活的元素,比如一个被按下的按钮。在 :active 中我们可以设置元素的颜色、背景、边框等等样式,以达到按钮被按下的效果。
button:active {background-color: gray;color: white;border: 1px solid black;}上面的 CSS 代码会在按钮被按下时将背景色设置为灰色,文字颜色设置为白色,并且增加一个黑色的边框。通过设置 :active 伪类,可以使我们在按钮被按下时使其更加生动有趣。
上一篇:css持续旋转动画
下一篇:css招聘启事代码









