如何做出像萌百的黑幕标签

简单添加额外 CSS 实现黑幕功能

当你看到这行字的时候,你知道的就太多了!

通过查看网页代码可得

QQ截图20170325013005.png

黑幕通过黑色背景文字及修改文字颜色实现

故通过添加额外 CSS 即可简单实现
77CU)Y02I569]$P7J08_K{9.png

CSS 部分

页面部分


2018.05.13更新动画效果

现在的萌百插入了hover效果,具体如下图所示

更新样式表插入

即可

完整样式表:

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注