css中button按钮的状态代码示例

小编给大家分享一下css中button按钮的状态代码示例,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联专业为企业提供叠彩网站建设、叠彩做网站、叠彩网站设计、叠彩网站制作等企业网站建设、网页设计与制作、叠彩企业网站模板建站服务,十年叠彩做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

首先给大家举一段button按钮的状态代码示例如下:




    
    button按钮的状态代码不同效果示例
    


点击不会弹起
点击会弹起

以上代码可直接复制粘贴在本地测试,效果如下图:

css中button按钮的状态代码示例

综上所述,给大家总结一下关于button按钮的几种状态:

  1. 普通状态

  2. hover 鼠标悬停状态

  3. active 点击状态

  4. focus 取得焦点状态

注:.btn:focus{outline:0;} 可以去除按钮或a标签点击后的蓝色边框

cursor 属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状

:active 选择器用于选择活动链接。当您在一个链接上点击时,它就会成为活动的(激活的)。

以上是“css中button按钮的状态代码示例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前标题:css中button按钮的状态代码示例
浏览地址:http://bzwzjz.com/article/gicpss.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 LED网站设计方案 成都网站建设 达州网站设计 网站制作 定制网站建设多少钱 网站制作 网站制作 高端网站设计 成都商城网站制作 响应式网站建设 成都定制网站建设 网站设计制作 移动手机网站制作 成都做网站建设公司 企业网站制作 成都网站建设 阿坝网站设计 成都网站建设 重庆网站建设 企业网站设计 上市集团网站建设