7、Semantic-UI之图标与按钮组
7.1 图标按钮
Semantic-UI中可以定义一组图标样式,并且可以在按钮中使用图标。
示例:定义一个图标按钮
<button class="ui black button">
<i class="unlock green icon"></i>
</button>
示例:定义一组图标按钮
<div class="ui buttons">
<button class="ui button"><i class="save icon"></i></button>
<button class="ui button"><i class="edit icon"></i></button>
<button class="ui button"><i class="remove icon"></i></button>
</div>
示例:定义一组垂直图标按钮
<div class="ui vertical buttons">
<button class="ui button"><i class="save icon"></i></button>
<button class="ui button"><i class="edit icon"></i></button>
<button class="ui button"><i class="remove icon"></i></button>
</div>