使用纯CSS给网站文章中的外链添加小图标
2Deshun 发布于 4年前 (2020-09-17) 1734℃ 评论(0) 赞 (0)
最近突然有一个想法,文章中的链接不够明显,可不可以在不修改类名的前提下,给所有 a 标签添加一个图标呢?答案是肯定的,只有想不到,没有做不到。我们可以分析一下, bootstrap 的组件图标库。它们在图标标签上加了一个伪类,这个伪类就代表了相对应的图标。那么我可以直接拿这个标识...
Deshun 发布于 4年前 (2020-09-17) 1734℃ 评论(0) 赞 (0)
最近突然有一个想法,文章中的链接不够明显,可不可以在不修改类名的前提下,给所有 a 标签添加一个图标呢?答案是肯定的,只有想不到,没有做不到。我们可以分析一下, bootstrap 的组件图标库。它们在图标标签上加了一个伪类,这个伪类就代表了相对应的图标。那么我可以直接拿这个标识...
Deshun 发布于 5年前 (2019-09-05) 14023℃ 赞 (8)
前段时间写了一篇 阿里图标iconfont彩色图标显示黑白色的解决方法 ,来解决阿里彩色图标不能正常显示的问题,就是使用 Symbol 代码,既可以显示原始色彩,也可以设置颜色。今天在使用 Symbol 代码引用图标时发现,设置颜色后,有一部分图标还是显示原始...
Deshun 发布于 7年前 (2017-12-20) 10311℃ 评论(0) 赞 (3)
做设计的应该会知道“阿里巴巴矢量图标库”这个网站,你可以上传自己设计的图标,也可以下载别人分享的图标。作为前端,我们也可以更好的利用它,实现网站图标的美化。首先找到你需要的图标并加入库:三个按钮分别是 加入库、加入收藏和下载点击下载按钮后会弹出一个窗口,你可以调整任意颜色和尺寸,...