tnblog
首页
视频
资源
登录

小标识图标

6625人阅读 2019/11/22 14:31 总访问:126905 评论:7 收藏:0 手机
分类: 前端


做一个小标识图标,结构如下



首先,span标签的宽高要设为一样的,再把border-radics属性设为50%就刚好是一个小圆啦!

圆圈背景颜色以及字体颜色根据个人喜欢来设置,

再设置一下margin-top属性,就可以把小图标移动到图片的右上方啦!OK,这样就搞定啦。。。。



效果如下




评价

杨焯

2019/11/25 9:29:39


[威武]

杨焯

2019/11/25 9:29:52

[太开心]

杨焯

2019/11/25 9:30:08

[给力]

花儿为何那样红

2019/11/25 14:37:22

[good][good][good]

花儿为何那样红

2019/11/25 14:37:51

[鼓掌][鼓掌][鼓掌]

呵呵

2019/11/26 12:07:58

[耶]

呵呵

2019/11/26 12:08:02

[耶]

人之因此能,是坚信能
排名
26
文章
22
粉丝
12
评论
8
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术