Question

我尝试在一个部分中更改字体的颜色，因为我添加了背景图片，否则您无法读取白色：

            <section data-background="media/imagename.jpg">             
                <h2>blablabla</h2>
            </section>

我应该在这里添加什么来制作＆＃34; blablabla＆＃34;看起来很黑？

谢谢！

拉拉

Answer 1

这比你想象的更简单：

内联编辑

<section data-background="media/imagename.jpg" *style="color:black"*>             
                <h2>blablabla</h2>
            </section>

或带有.css文件的第二个选项

<section id="namediv" data-background="media/imagename.jpg">             
                <h2>blablabla</h2>
            </section>

的CSS：

#namediv
{
  color:black
}

请记住在.html / page中包含.css文件。第一个更快，但看起来和使用非常粗糙，第二个更结构化。请记住，您必须根据背景图像（蓝色背景白色字体等等）调整字体颜色。

Answer 2

此外，下面是一个关于如何在幻灯片使用降价时更改字体颜色的示例

<section data-markdown>
  <script type="text/template">
  <!-- .slide: style="color:white" -->  
    your text in markdown goes here...   

    _Doing is the best form of Saying_  
  </script>
</section>

Answer 3

最简单的方法是使用内联样式属性，但您需要直接在 h2 元素上设置它以覆盖主题，即像这样：

<section data-background="media/imagename.jpg" >             
   <h2 style="color:black">blablabla</h2>
</section>

如何更改reveal.js中的字体颜色？

3 个答案: