文字の装飾

文字のカラー

文字色を紺色に変更することができます。

文字色を水色に変更することができます。

文字色を赤色に変更することができます。

文字色をオレンジ色に変更することができます。

文字色をピンク色に変更することができます。

文字色を紫色に変更することができます。

文字色を緑色に変更することができます。

文字色を青色に変更することができます。

文字色を黄色に変更することができます。

文字色をオリーブ色に変更することができます。

文字色をライム色に変更することができます。

文字色を黒色に変更することができます。

文字色を灰色に変更することができます。

文字色を白色に変更することができます。

文字色を茶色に変更することができます。

<p class="navy">文字色を紺色に変更することができます。</p>
<p class="aqua">文字色を水色に変更することができます。</p>
<p class="red">文字色を赤色に変更することができます。</p>
<p class="orange">文字色をオレンジ色に変更することができます。</p>
<p class="pink">文字色をピンク色に変更することができます。</p>
<p class="purple">文字色を紫色に変更することができます。</p>
<p class="green">文字色を緑色に変更することができます。</p>
<p class="blue">文字色を青色に変更することができます。</p>
<p class="yellow">文字色を黄色に変更することができます。</p>
<p class="olive">文字色をオリーブ色に変更することができます。</p>
<p class="lime">文字色をライム色に変更することができます。</p>
<p class="black">文字色を黒色に変更することができます。</p>
<p class="gray">文字色を灰色に変更することができます。</p>
<p class="white">文字色を白色に変更することができます。</p>
<p class="brown">文字色を茶色に変更することができます。</p>

文字のマーカー

文字にオレンジ色の背景色をつけることができます。

文字にピンク色の背景色をつけることができます。

文字に黄色の背景色をつけることができます。

文字にライム色の背景色をつけることができます。

文字に灰色の背景色をつけることができます。

<p>文字に<span class="box-orange">オレンジ色の背景色</span>をつけることができます。</p>
<p>文字に<span class="box-pink">ピンク色の背景色</span>をつけることができます。</p>
<p>文字に<span class="box-yellow">黄色の背景色</span>をつけることができます。</p>
<p>文字に<span class="box-lime">ライム色の背景色</span>をつけることができます。</p>
<p>文字に<span class="box-gray">灰色の背景色</span>をつけることができます。</p>

傍点

テキスト上に傍点を打ちます。

<p>テキスト上に<span class="dot">傍</span><span class="dot">点</span>を打ちます。</p>

注意書き

※注釈・注記です。
最初の一文字だけ飛び出て、
それ以降の文字がぶら下がります。

<p class="note">※注釈・注記です。<br />最初の一文字だけ飛び出て、<br />それ以降の文字がぶら下がります。</p>