5、Semantic-UI之基础按钮样式
2024-10-18 08:03:07
5.1 基础按钮样式
在Semantic-UI中定义了很多的按钮样式,可以通过class="ui button"
来指定,也可以在class中指定颜色。
示例:定义基础按钮样式
- 基础样式的按钮
<button class="ui button">基础样式按钮</button>
效果图:
- 改变按钮颜色
<button class="ui green button">新建</button>
<button class="ui blue button">编辑</button>
<button class="ui red button">删除</button>
示例:使用不同标签定义按钮样式
- span按钮样式
<span class="ui button">span按钮样式</span>
- div按钮样式
<div class="ui button">div按钮样式</div>
在指定的标签中定义class="ui button"
,就可以定义基础按钮样式。
最新文章
- 【Java EE 学习 81】【CXF框架】【CXF整合Spring】
- WebLogic 8.1 部署问题记录
- mysql load data infile的使用 和 SELECT into outfile备份数据库数据
- Apache shiro之身份验证(登陆)流程
- angularjs, nodejs, express, gulp, karma, jasmine 前端方案整合
- Android Material Design Ripple Effect在Android5.0(SDK=21)以下Android版本崩溃问题解决
- Java实现多线程下载
- 《JavaScript 闯关记》之垃圾回收和内存管理
- jQuery选择器(子元素过滤选择器)第七节
- Nginx的知识分享,技术分享
- C++中 return,break,continue的用法
- java class反编译工具----JD-GUI
- Scratch不仅适合小朋友,程序员和大学老师都应该广泛使用!!!
- 实现Comet(服务器推送)的两种方式:长轮询和http流
- 《Linux内核分析》第六周学习笔记
- ida快捷键
- jQuery-切换2
- UOJ.41.[清华集训2014]矩阵变换(稳定婚姻)
- css中span元素的width属性无效果原因及多种解决方案
- [notes] some code tips