4、Semantic-UI之图标的使用

4.1 图标的使用

  在Semantic-UI中定义了很多的图标样式,这些图标样式可以通过官网查看名称(官网中名称首字母都是大写的,但是在实际使用中全部都是小写使用的);

实例:图标样式

  • 定义基础图标样式
<i class="add user icon"></i>

效果图:

  • 修改图标颜色

  在使用图标的时候可以通过自定义颜色设置图标的颜色。

<i class="add user green icon"></i>

效果图:

posted @ 2019-01-16 21:27  StaryJie  阅读(677)  评论(0编辑  收藏  举报