苏飞论坛

标题: 【零基础学习web前端】CSS-伪类（:active、:hover） [打印本页]
作者: Amy    时间: 2018-12-7 14:53
标题: 【零基础学习web前端】CSS-伪类（:active、:hover）
【零基础学习web前端】CSS-伪类（:active、:hover）


【零基础学习web前端】教程目录导航
http://www.sufeinet.com/thread-24027-1-1.html



CSS 伪类用于向某些选择器添加特殊的效果。
我们将CSS伪类添加到选择器，并通过：分隔。
[CSS] 纯文本查看 复制代码
selector:pseudo-class { 

   property: value; 

}

常见的伪类有：
:active
效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用在按钮的点击上。
[CSS] 纯文本查看 复制代码
.box{

    width: 200px;

    height: 200px;

    background: #999;

}

.box:active{

    background: red;

}

在css里设置了基本样式，加入：active伪类后的样式。
未点击时：            
(, 下载次数: 64)