菜单栏左边那些小图标是怎么获取的?

来源:7-9 章节小结

oreson

2020-04-23

请教大家,如题

写回答

2回答

Dolly_Zhang

2020-04-23

是在css中使用了::before伪元素。比如选择器写成#hello::before,就会在id为hello的元素前方添加before这个伪元素。

#hello::before{
    content: '-'
}

上面代码就会在id为hello的元素前方添加 -。

老师的源码是:

.health {
  &:before {
    content: "\e628";
  }
}

这个"\e628"用的是字体图标。可以在FontAwesome这个网站了解。

1
1
oreson
谢谢你
2020-04-28
共1条回复

彬十二

2020-04-25

除了一楼这种方法,还可以使用::before ::after css设置一些图标或者外部引入背景图片,可以多去百度

1
1
oreson
谢谢,我已经搜寻到字体图标("\e628")那了,但是不知道字符串的含义
2020-04-28
共1条回复

Vue全家桶+SSR+Koa2全栈开发美团网

整合大前端8项技术,全面晋级全栈工程师,毕设/面试作品

2445 学习 · 1638 问题

查看课程