semantic-ui中扫把的图标
时间: 2023-08-04 14:08:17 浏览: 53
Semantic UI 中扫把的图标可以使用下面的 HTML 代码以及相应的 CSS 类来添加:
HTML代码:
```
<i class="sweep icon"></i>
```
CSS类:
```
i.sweep.icon:before {
content: "\f5c3";
}
```
这将在页面上添加一个带有 `.sweep` 和 `.icon` 类的 `<i>` 元素,并使用 CSS 中的 `content` 属性来设置扫把图标的 Unicode 编码。在 Semantic UI 中,扫把图标的 Unicode 编码为 `f5c3`。
相关问题
semantic-ui 的 评论图标
semantic-ui 中的评论图标可以通过以下 HTML 代码使用:
```
<i class="comment icon"></i>
```
也可以在 CSS 中使用以下代码:
```
:before {
content: "\f075";
font-family: Icons;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
vertical-align: middle;
font-size: 1.5em;
margin-right: 0.5em;
color: #2185d0;
speak: none;
}
```
请注意,在使用 CSS 代码时,应将字体文件引入到项目中。
semantic-ui 的 @ 图标
semantic-ui 中的 @ 图标可以通过以下 HTML 代码使用:
```
<i class="at icon"></i>
```
也可以在 CSS 中使用以下代码:
```
:before {
content: "\f1fa";
font-family: Icons;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
vertical-align: middle;
font-size: 1.5em;
margin-right: 0.5em;
color: #2185d0;
speak: none;
}
```
请注意,在使用 CSS 代码时,应将字体文件引入到项目中。