2016-11-15 3 views
0

私は背景画像を追加し、あなたがそれ以外の場合は白を読んカントので、私はただ一つのセクションでのフォントの色を変更しよう:reveal.jsでフォントの色を変更するにはどうすればいいですか?

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

は、私が「blablablaは」黒に見えるようにここで何を追加する必要がありますか?

ありがとうございます!

ララ

+0

Googleをお試しください。またはcss/html5チュートリアルですか? –

答えて

3

それはあなたが考えることができるよりももっと簡単です:

インライン編集

<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 /ページ内の.cssファイルを含めることを忘れないでください。最初のものはより高速ですが、見ると使用するのが非常にラフですが、2番目のものはより構造化されています。 あなたは、背景画像に基づいて、フォントの色を調整する必要があることを覚えておいてください(青い背景白の色、フォントetc.etc。)

+0

あなたが書いたものがHtml、純粋に単純なHtmlであることに注意してください.jsスクリプトではあなたのコンテンツを動的に変更するときにはreveal.jsを使用します。 – Fedeco

1

また、ここであなたがスライド

ために値下げを使用する場合、フォントの色を変更する方法の例があります
<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> 
関連する問題