4.1 图标的使用
在Semantic-UI中定义了很多的图标样式,这些图标样式可以通过官网查看名称(官网中名称首字母都是大写的,但是在实际使用中全部都是小写使用的);
实例:图标样式
- 定义基础图标样式
<i class="add user icon"></i>
效果图:
- 修改图标颜色
在使用图标的时候可以通过自定义颜色设置图标的颜色。
<i class="add user green icon"></i>
效果图:
在Semantic-UI中定义了很多的图标样式,这些图标样式可以通过官网查看名称(官网中名称首字母都是大写的,但是在实际使用中全部都是小写使用的);
<i class="add user icon"></i>
效果图:
在使用图标的时候可以通过自定义颜色设置图标的颜色。
<i class="add user green icon"></i>
效果图: