html按钮的ui,button按钮 - 基础 - H-ui前端框架官方网站

这篇博客介绍了H-ui前端框架中按钮的多种样式,包括默认、圆角、椭圆、不同颜色以及不同大小的按钮。通过添加特定的class,可以实现不同效果的按钮,如btn-default、btn-primary、btn-success等,同时也提到了禁用状态的样式和链接按钮的处理。文章还包含了按钮的CSS代码示例。
摘要由CSDN通过智能技术生成

按钮

我是一个按钮

我诞生到世界上是这样的

每个人都在使用他

但每个人都不喜欢他默认的样子

很多人都在赋予他新的外观和意义

直到今天,从没停止……

任何赋予.btn类的页面元素都会显示方角按钮样式。通常用在 和 页面元素上。追加.radius就会显示css3圆角效果。

按钮

class=""

描述

btn btn-default

默认按钮

btn btn-default radius

圆角默认按钮

btn btn-default round

椭圆默认按钮

btn btn-primary radius

提供额外的视觉感, 可在一系列的按钮中指出主要操作

btn btn-secondary radius

默认样式的替代样式

btn btn-success radius

表示成功或积极的动作

btn btn-warning radius

提醒应该谨慎采取这个动作

btn btn-danger radius

表示这个动作危险或存在危险

btn btn-link

简化一个按钮, 使它看起来像一个链接,同时保持按钮的行为

btn disabled radius

disabled只是让状态看上去像禁用,但实际并没有真正禁用,需要js代码来禁止链接的行为

不支持圆角和背景渐变浏览器,如IE系列,会显示扁平纯色直角效果。

HTML代码

空心效果

按钮

class=""

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值