什么是网页黑幕功能？

黑幕这个功能源自于萌娘百科。这个功能主要的用处是给html页面中的部分文字加上黑框遮挡，而鼠标移动到黑色遮挡上面后遮挡消失，显示出被遮挡的文字，移走遮挡恢复。

萌百关于这个的相关的说明：https://zh.moegirl.org.cn/zh-hans/Template:%E9%BB%91%E5%B9%95

实现方法

我个人习惯直接使用嵌入html 文件。下面的文档经过我的测试，不会跟wordpress的argon主题的css出现冲突（因为如果使用自定义css的话，很容易发生自己的css与argon的css冲突，导致界面出现混乱）

在wordpress中直接嵌入下面的html（文章中选择嵌入html区块）

<style>
.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;
}
</style>

嵌入完成后，如果你想在某一个段落中给某段文字加上黑幕功能，请现将这个段落区块转化为wordpress的简码区块 然后在要转化的文字前面加上<span class="heimu">,然后再后面加上</span>

举个例子

猜猜我最喜欢什么颜色？红色<span class="heimu">嘿嘿~</span>

效果

猜猜我最喜欢什么颜色？红色嘿嘿~

备注

请注意 有些人可能不太喜欢这个功能，因为可能会导致页面不那么美观，所以请自行决定

本文参考这个文章并修改而来https://blog.yexca.net/archives/67