背景カラー用セレクタ

背景カラー: bg-none, bg-black, bg-red, bg-blue, bg-green, bg-yellow, bg-gray, bg-orange, bg-pink, bg-lightblue, bg-white

Point「bg-none(透過)」は、既定値では白縁となるimgタグを使った画像の縁を透過する場合などに利用できます。

表示例

これはライトブルーの背景です。

これはブルーの背景です。

これはグリーンの背景です。

これはイエローの背景です。

これはグレーの背景です。

これは赤い背景です。

これはオレンジの背景です。

これはピンクの背景です。

これはホワイトの背景です。

これは白字にブラックの背景です。

このコード

<div class="bg-lightblue">これはライトブルーの背景です。</div>
<div class="bg-blue">これはブルーの背景です。</div>
<div class="bg-green">これはグリーンの背景です。</div>
<div class="bg-yellow">これはイエローの背景です。</div>
<div class="bg-gray">これはグレーの背景です。</div>
<div class="bg-red">これは赤い背景です。</div>
<div class="bg-orange">これはオレンジの背景です。</div>
<div class="bg-pink">これはピンクの背景です。</div>
<div class="bg-white">これはホワイトの背景です。</div>
<div class="white bg-black">これは白字にブラックの背景です。</div>