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

    其他网友正在看:
    CSS中的指定值、初始值和计算值学习教程

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

    2018-05-30关键词:

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

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

    2018-05-30关键词:

    css小技巧汇总

    1、去除input记住密码后自动填充表单的黄色背景input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #FFF inset; }//其中#fff是背景颜色值2、IE8不支持opacity:0属性,可以加上下面属性:filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);3、IE···

    2018-05-30关键词:

    css让容器水平垂直居中的7种方式

    这种css布局平时用的比较多,也是面试题常出的一个题,网上一搜一大丢,不过还是想自己总结一下。这种方法比较多,本文只总结其中的几种,以便加深印象。效果图都为这个:方法一:position加marginXML/HTML Code复制内容到剪贴板<div class="wrap">···

    2018-05-30关键词:

    CSS margin全面了解

    一、margin可以为负值在盒模型中,内容区的width/height、padding、border都不能为负值,但是margin例外,它可以为负值。关于margin负值的使用技巧,了解不多,日后有机会再补充,此处先贴一个经典应用,margin-left负值结合浮动实现不改变DOM结构的流体布局。此demo与CSS f···

    2018-05-30关键词:

    css解决display:inline-block;产生的缝隙(间隙)的方法

    今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙,这很显然不是我想要的效果,所以我就换成了左浮动,这样缝隙的问题是解决了,但是需要设置父元素的宽度才能实现水平左右滚动,这样又增加了代码量,因为卡片的个数不固···

    2018-05-30关键词: