实现“萌娘百科”同款黑色隐藏文字

有时候一些不想被人立刻看见的话需要进行隐藏，但是需要鼠标移上去后又可以出现，要怎么做呢？

（啊对对对，文章中无端端出现黑色的东西，是个 猫 ? 也会摸上去）

emmm就像上面的一样，鼠标移上去就会显示，如何实现呢? 我们接着看：

1.CSS

如果你像本站一样，用的是WordPress 的话， 将下列代码放置于WordPress后台 - 外观 - 自定义 - 额外CSS中，，其他博客系统有附加CSS的也可以

.heimu, .heimu a, a .heimu, .heimu a.new {
    background-color: #252525;
    color: #252525;
    text-shadow: none;
}
.heimu:hover, .heimu:active,
.heimu:hover .heimu, .heimu:active .heimu {
    color: white !important;
}
.heimu:hover a, a:hover .heimu,
.heimu:active a, a:active .heimu {
    color: lightblue !important;
}
.heimu:hover .new, .heimu .new:hover, .new:hover .heimu,
.heimu:active .new, .heimu .new:active, .new:active .heimu {
    color: #BA0000 !important;
}

如果你是其他博客模板就按照他们的来，如果是完全自己设计的网站，请放在你的CSS应该存在的地方

（md，完全自己设计的网站，不知道什么是CSS放在哪里？我不信）

（还有你，连HTML和CSS都不会，你还做什么网站）

下面到HTML

2.HTML

<span class="heimu" title="你知道的太多了">这是隐藏的文字</span>

title：是输入你悬停鼠标的时候出现的文字

这是隐藏的文字：这里替换成你像要的文字 (不要告诉我你还是不会)

(什么，你问我能不能搞其他颜色，不要黑色？但凡知道CSS是什么东西的人都会改，别告诉我你真的不知道)

(你是CSS大佬，要入侵我的网站？？？？来来来来，用你的CSS编写一个软件来入侵我的网站)

参考文献：如何实现黑幕？即鼠标触及之地，原来黑色显示原来文字-腾讯云开发者社区-腾讯云 (tencent.com)