两千人站长交流群:462137404 / VIP用户交流群:462197261 收藏本站哈站网 zhan.ha.cn 精品建站资源第一站,让建站变得更加容易!
业务咨询:78895949 联系电话:13402647354
  • 当前位置:
  • CSS实现鼠标滑过鼠标点击代码写法

    DIV+CSS教程2018年05月30日关键词:

    鼠标滑过元素,使得元素的样式发生改变

    我们定义一个按钮标签

    复制代码

    代码如下:

    <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实现鼠标滑过鼠标点击代码写法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    其他网友正在看:
    10个CSS简写/优化技巧整理

    CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS 简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。 下面介绍常见的CSS简写规则: 一、盒子大小 这里主要用于两个属性:margin和padding,我们以margin为例,paddin···

    2018-05-30关键词:

    CSS性能优化提高css性能的方法

    不规范的css会导致很多性能问题,这些问题可能在一些小的项目中不够明显,但是在大型项目中就会显现出来。css匹配原理在优化css之前我们需要了解下css是怎么进行工作的,我们都知道css是由选择器,属性和属性值构成的。我们可能会这样写上一行代码CSS Code复制内容到剪贴···

    2018-05-30关键词:

    CSS中的指定值、初始值和计算值学习教程

    CSS 中的声明,由 CSS 的特性和值,中间以 ":" 隔开组成。我们可以使用 CSS 选择器,为选中的元素设置需要的样式。在介绍 CSS 的特性和值的时候,特地的提到了浏览器应该怎样处理错误的值 — 应该将包含错误值,不符合句法的值的声明直接忽略。然而有些浏览器却···

    2018-05-30关键词:

    DIV始终浮动在页面底部

    废话不多说了,下面小编给大家分享下实现代码,具体代码如下所示:CSS Code复制内容到剪贴板<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition···

    2018-05-30关键词:

    CSS实现页面两列布局与三列布局的方法示例

    1. 使用BFC的原理实现BFC的规则之一,就是BFC区域,不会与float box重叠,因此我们可以利用这一点来实现3列布局。html代码如下XML/HTML Code复制内容到剪贴板<div class="left"></div>  <div class="right">&···

    2018-05-30关键词:

    纯CSS3代码实现switch滑动开关按钮效果

    html结构XML/HTML Code复制内容到剪贴板<div class="container">          <div class="bg_con">           &n···

    2018-05-30关键词: