网站icon图标如何使用

2023-09-12 12:30:36

大家好，来来为大家解答以下问题，网站icon图标如何使用很多人还不知道，现在让我们一起来看看吧！

首先我们需要找一个图标库，本次演示采用的是heroicon

.features-icon {  stroke: #087f5b;  width: 32px;  height: 32px;  margin-bottom: 16px;}

其他的同理即可

接着我们为我们的产品地方添加图标

和上面一样，这里我们只展示我们的CSS写法

.chair-icon {  stroke: #087f5b;  width: 24px;  height: 24px;}

最后的效果是这样的

其他的复制粘贴上一个就行了

这里教大家一个简单的复制粘贴多个内容的方式

按住ALT键盘可以多选，然后复制

同样按住ALT，可以多选一些光标，然后进行复制

点击复制之后就是这样的效果，就全部复制过来了，比较方便

最终的页面如下图，是不是比不加图标好看了很多，也使得用户阅读体验提高了很多？

本文到此结束，希望对大家有所帮助。