如何创建剧透文本？ [英] How to create spoiler text?

问题描述

你好，我想知道如何使用html / css在网站上制作剧本文字。我的意思是，黑色背景的文字，但是当它悬停时，会使黑色文字变成白色，使其可见。

像这样

 < span style =color：black; background：黑色;>测试< / span>< p>然后，当在< / p>< span style =color：white; background：black;>测试< / span>  

解决方案

.spoiler，

< .spoiler2 {color：black;背景颜色：黑色;}。扰流板：悬停{颜色：白色; } .spoiler2：hover {background-color：white; }

 < span class =spoiler> test< ; / span>< p>然后当盘旋时< / p>< span class =spoiler2>其他测试< / span>  

Hello I was wondering how to make spoiler text on a website with html/css. What I was is, text that is black with black background, but when hovered over, makes the black text turn white, making it visible.

like this

<span style="color: black; background: black;">test</span>

<p>Then when hovered over</p>

<span style="color: white; background: black;">test</span>

解决方案

.spoiler, .spoiler2{ 
  color: black; 
  background-color:black;
}

.spoiler:hover{
  color: white;
  }

.spoiler2:hover { 
  background-color:white; 
  }

<span class="spoiler" >test</span>

<p>Then when hovered over</p>

<span class="spoiler2"> other test </span>

这篇关于如何创建剧透文本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！