最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS实现鼠标滑过鼠标点击的教程
时间:2016-12-28 编辑:简简单单 来源:一聚教程网
鼠标滑过元素,使得元素的样式发生改变
我们定义一个按钮标签
我们首先设置按钮的背景颜色为灰色:
.px-button{
background-color: grey;
}
我们要使得鼠标滑过按钮的时候,让其变为蓝色,我们只需要增加hover选择器:
.px-button:hover{
background-color: blue;
}
我们要使得鼠标点击按钮的时候,让其变为红色,我们只需要增加active选择器:
.px-button:active{
background-color: red;
}
-
上一个: css页面浮动与清除浮动的介绍
-
下一个: CSS中flex兼容深入研究
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26
- css复合选择器的具体使用方法介绍 10-26
- css三列自适应布局教程 10-26