Open mogeko opened 5 years ago
请问文章第一段的黑幕文字是怎么实现的呢(๑•̀ㅁ•́ฅ
@Sirice19 请问文章第一段的黑幕文字是怎么实现的呢(๑•̀ㅁ•́ฅ
这个很简单,用黑底黑子显示,然后在鼠标移上去的时候把字体变成白色
反映到CSS里就像这样
.spoiler {
color: black;
background-color:black;
}
.spoiler:hover{
color: white;
}
要用的时候用这个 HTML 标签把想隐藏的文字框起来就可以了
<span class="spoiler" ></span>
@Mogeko
@Sirice19 请问文章第一段的黑幕文字是怎么实现的呢(๑•̀ㅁ•́ฅ
这个很简单,用黑底黑子显示,然后在鼠标移上去的时候把字体变成白色
反映到CSS里就像这样
.spoiler { color: black; background-color:black; } .spoiler:hover{ color: white; }
要用的时候用这个 HTML 标签把想隐藏的文字框起来就可以了
<span class="spoiler" ></span>
哦哦谢谢,css部分我知道,我想知道的是Markdown中怎么写的,这部分在生成Html时不会被以字符串形式渲染出来吗。。
@Sirice19
@Mogeko
@Sirice19 请问文章第一段的黑幕文字是怎么实现的呢(๑•̀ㅁ•́ฅ
这个很简单,用黑底黑子显示,然后在鼠标移上去的时候把字体变成白色
反映到CSS里就像这样
.spoiler { color: black; background-color:black; } .spoiler:hover{ color: white; }
要用的时候用这个 HTML 标签把想隐藏的文字框起来就可以了
<span class="spoiler" ></span>
哦哦谢谢,css部分我知道,我想知道的是Markdown中怎么写的,这部分在生成Html时不会被以字符串形式渲染出来吗。。
Markdown 估计很难实现吧?🤔
我直接写的 HTML,Hugo 是可以识别 HTML的,可以 Markdown 与 HTML 混用。
@Mogeko
@Sirice19
@Mogeko
@Sirice19 请问文章第一段的黑幕文字是怎么实现的呢(๑•̀ㅁ•́ฅ
这个很简单,用黑底黑子显示,然后在鼠标移上去的时候把字体变成白色
反映到CSS里就像这样
.spoiler { color: black; background-color:black; } .spoiler:hover{ color: white; }
要用的时候用这个 HTML 标签把想隐藏的文字框起来就可以了
<span class="spoiler" ></span>
哦哦谢谢,css部分我知道,我想知道的是Markdown中怎么写的,这部分在生成Html时不会被以字符串形式渲染出来吗。。
Markdown 估计很难实现吧?🤔
我直接写的 HTML,Hugo 是可以识别 HTML的,可以 Markdown 与 HTML 混用。
好的谢谢,我试一试 ʕ•ﻌ•ʔ
https://mogeko.me/2019/068/
Mogeko 的个人博客