网站底部添加徽章式美化代码 支持任意网站

每次逛别人的网站和GitHub的时候,往往能看到以下这种徽章式的网页链接,美观好看又方便,那么这个徽章是如何制作出来的呢?

本文就带大家制作属于自己的徽章式链接,有需要的拿走,回复可见,留个评论~

图片[1]-网站底部添加徽章式美化代码 支持任意网站-九七博客

将下面代码放在网站底部或者侧边栏主题的自定义Css里面

主要是css+js的代码!html格式!

代码

 

更新细节

博客字体更换成了霞鹜文楷之后我发现这个徽章在手机端会分上下两行,不兼容的情况出现,
遂又添加了一个参数

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容