サブタイトルを背景色を付けて目立つようにする方法 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

記事欄の項目:見出しに背景色を付けて目立たせる方法

01見出し
こんにちワ。"道路工事きもまろ"こと、ワンタンです^^;

記事の中の強調したい箇所(サブタイトル、見出し)に背景色を付ける方法を御案内してみたいと思います。
(※「タグ編集エデイタ」を採用されている方は、そのままで。「標準エデイタ」、「新エディタ」を採用されている方は「HTML表示」にして下さい。)

こんな感じで、特定の箇所、文章に背景色を付ける方法です。(↓)

文章、文章、文章、文章、文章、

上のタグコードは、このようになってます(↓)。
<div style="background-color : #6666ff;font-weight:bold; font-size: 20px; padding:6px"><font color="#ffffff">文章、文章、文章、文章、文章、</font></div>

*1.赤字の箇所が背景色のカラーコードです(※上の場合は、薄目の青)
*2.ピンクの数字が、文字の大きさです(※数字を大きくすると文字が大きくなります)
*3.紫の箇所が文字の色を指定するカラーコードです(※上の場合は、白)

ちょっと極端ですが、背景色を赤、文字の大きさを30(※必ず半角数字で!)、文字の色を黄色にしてみます(↓)。

<div style="background-color : #ff0000;font-weight:bold; font-size: 30px; padding:6px"><font color="#ffff00">文章、文章、文章、文章、文章、</font></div>


文章、文章、文章、文章、文章、


注:文章を改行したい時、アメブロの場合は、キーボードの「Enter」キーを押すと自動的に改行されますが、編集画面で、「Enter」キーを押した時は改行されても「表示を確認」すると改行されずに、横一列に、くっついて表示されてしまう場合は、改行したい箇所に改行タグ<br/>を記述して下さい。

・参考までに⇒色見本と配色サイト - color-sample.com


**関連**
■各種のサブタイトル(小見出し)

○思うこと
ブロブ閲覧者さんに、ちょっとややこしい事を伝えたくて、記事を項目ごとに分けて書く時なんかに、こんな一手間かけてやると、より伝わり易くなるのでは!と思います。



☆ブィブィ  ('-^*)/


幽体離脱、一分前・・!!