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

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

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

通过查看网页代码可得

QQ截图20170325013005.png

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

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

CSS 部分
.heimu{
background-color: #252525;
color: #252525;
text-shadow: none;
cursor: help;
}
.heimu:hover{
color: #FFF;
}

页面部分
<a class="heimu" style="font-size: 30px;" title="你知道的太多了!">
当你看到这行字的时候,你知道的就太多了!
</a>

发表评论

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