图标按钮

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

按钮上的内容也可以是一个小图标 .. 用一个 button 标签,上面加上 ui icon 还有 button 这几个类 .. 按钮里的内容是一个小图标.. 小图标可以使用 i 标签,上面是表示图标的 css 类 .. cloud icon .. 表示这是一个云形图标 .. 保存 ..

这里会显示一个图标按钮 .. 在这个按钮上加上一个 circular ,可以把它变成一个圆形的图标按钮 .. 在这里再加上一个 circular .. 保存 .. 这个图标按钮就会变成一个圆形的按钮 ..

图标的左边或者右边也可以再加上一个文字标签 .. 一个 button 标签 .. 上面加上 ui labeled icon button .. labeled 就表示要加上标签 .. 在它里面先用一个小图标 .. pause icon ,暂停小图标 .. 它的下面再加上标签文字 .. 暂停 ..

这里暂停图标显示在按钮的左边,右边是标签文字 .. 你也可以让这个小图标在按钮的右边显示 .. 复制一段代码 .. 在按钮上加上一个 right , ui right labeled icon button ,表示的就是在右边显示的带标签的图标按钮 .

修改一下按钮 .. 用一个 right arrow icon .. 再改一下标签文字 .. 现在, 这个小图标就会在按钮的右边显示了 ..

图标按钮《 Semantic UI 元素 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点