にちじょうみだれがき

役立ち情報から雑記まで幅広いジャンルを展開するブログ。

【はてなブログ】文章の背景色をCSSで指定する方法

文章の背景色をCSSで指定する方法を紹介します。

例えば...

ここの文章の背景色を緑

ここの文章の背景色を灰色

こんな感じで、文章の背景を指定することができるようになります。

背景色指定の方法

以下のコードを「デザイン」→「カスタマイズ」→「デザインCSS」に記述してください。

.background-green{
    background: #008000;(任意の色に変更してください)
    padding: 15px;
    margin: 5px;
}

これだけで前準備は完了。

文章中に反映させる方法

以下のように記述することで、反映できます。

<div class="background-green">背景色を指定したい文章<div>

簡単に背景色をCSSで指定できるので便利。これって他のことにも応用できますからね!!
指定した範囲だけ装飾するとかね。

使えるな、と思った方は活用してくださいな。

広告を非表示にする