こんな枠の見出しはどうですか? | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…


テーマ:

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

 

 

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

 

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

 

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

 

 

 

 

緑系

#4dc0b1

 

枠の見出し1

 

 

<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;">枠の見出し1</div>

 

=============

 

青系
#6495ED

 

枠の見出し1

 

<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;">枠の見出し1</div>

 

=============

 

赤系
#ef4056

 

枠の見出し1

 

 

<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;">枠の見出し1</div>

 

=============

 

黄色
#ffd900

 

枠の見出し1

 

<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;">枠の見出し1</div>

 

=============

 

緑(カラーコード #008000)↓

 

枠の見出し1

 

<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;">枠の見出し1</div>

 

 

=============

 

アメーバの緑色(カラーコード:#4dac26)↓

 

枠の見出し1

 

 

<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;">枠の見出し1</div>

 

=============

 

ピンク(カラーコード #ff1493)↓

 

枠の見出し1

 

 

<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;">枠の見出し1</div>

 

 

=============

 

紺色(カラーコード:#000066)↓

 

枠の見出し1

 

 

<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;">枠の見出し1</div>

 

 


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

 

Instagram

 


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

 

 

 

 

川上雄大

 

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

川上 雄大☆パソコンインストラクターさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

SNSアカウント