こんな枠の見出しはどうですか？

こんにちは、パソコンインストラクターの川上雄大です。

随分以前に書いた記事（2013年08月05日(月) 13時18分11秒）→『「見出し」をうまく使いましょう！』

もう、6年も前に書いた記事でしたね～^^;

ということで、記事内の見出しを久々に更新してみます^^!

緑系

#4dc0b1

枠の見出し１

<div style="border-left: 6px solid #4dc0b1; border-right: 1px solid #4dc0b1; border-top: 1px solid #4dc0b1; border-bottom: 1px solid #4dc0b1; font-size: 1.2em; font-weight:bold; padding: 6px 20px;">枠の見出し１</div>

＝＝＝＝＝＝＝＝＝＝＝＝＝

青系
#6495ED

枠の見出し１

<div style="border-left: 6px solid #6495ED; border-right: 1px solid #6495ED; border-top: 1px solid #6495ED; border-bottom: 1px solid #6495ED; font-size: 1.2em; font-weight:bold; padding: 6px 20px;">枠の見出し１</div>

＝＝＝＝＝＝＝＝＝＝＝＝＝

赤系
#ef4056

枠の見出し１

<div style="border-left: 6px solid #ef4056; border-right: 1px solid #ef4056; border-top: 1px solid #ef4056; border-bottom: 1px solid #ef4056; font-size: 1.2em; font-weight:bold; padding: 6px 20px;">枠の見出し１</div>

＝＝＝＝＝＝＝＝＝＝＝＝＝

黄色
#ffd900

枠の見出し１

<div style="border-left: 6px solid #ffd900; border-right: 1px solid #ffd900; border-top: 1px solid #ffd900; border-bottom: 1px solid #ffd900; font-size: 1.2em; font-weight:bold; padding: 6px 20px;">枠の見出し１</div>

＝＝＝＝＝＝＝＝＝＝＝＝＝

緑（カラーコード　#008000）↓

枠の見出し１

<div style="border-left: 6px solid #008000; border-right: 1px solid #008000; border-top: 1px solid #008000; border-bottom: 1px solid #008000; font-size: 1.2em; font-weight:bold; padding: 6px 20px;">枠の見出し１</div>

＝＝＝＝＝＝＝＝＝＝＝＝＝

アメーバの緑色（カラーコード：#4dac26）↓

枠の見出し１

<div style="border-left: 6px solid #4dac26; border-right: 1px solid #4dac26; border-top: 1px solid #4dac26; border-bottom: 1px solid #4dac26; font-size: 1.2em; font-weight:bold; padding: 6px 20px;">枠の見出し１</div>

＝＝＝＝＝＝＝＝＝＝＝＝＝

ピンク（カラーコード　#ff1493）↓

枠の見出し１

<div style="border-left: 6px solid #ff1493; border-right: 1px solid #ff1493; border-top: 1px solid #ff1493; border-bottom: 1px solid #ff1493; font-size: 1.2em; font-weight:bold; padding: 6px 20px;">枠の見出し１</div>

＝＝＝＝＝＝＝＝＝＝＝＝＝

紺色（カラーコード：#000066）↓

枠の見出し１

<div style="border-left: 6px solid #000066; border-right: 1px solid #000066; border-top: 1px solid #000066; border-bottom: 1px solid #000066; font-size: 1.2em; font-weight:bold; padding: 6px 20px;">枠の見出し１</div>

以上、枠の見出しでした。

LIDS札幌・ライフデザインスクール
川上雄大

■川上雄大の音楽活動情報はこちら■

■シンガーソングライター・川上雄大のWebサイト
■ライブスケジュール
■音楽活動のブログ
■川上雄大YouTubeチャンネル
■Facebookページ