タイトル付罫線をHTMLで入れる 色を変える

見出しを付けると、見やすくなりますよね。『難しそう!』言われますが、意外に簡単に見栄え良くできます。

 

『他の色でもできないの?』質問がありました。以前、以下のような見出しの作り方をご紹介しました。

 

以下の見出しの作り方をまだの方は、ご紹介した記事はこちらからお読みください。

 

 

 

お知らせ

 

 

 

 

さて、色を変えたい場合は、

 

このタグの青色の部分のカラーコードを変更してください。カラーコードは以下のサイトのお好きな色のカラーコードをコピペして下さい。

 

WEB原色大辞典

パステルカラー見本

 

<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">お知らせ</div>

 

 

 

このような感じからカラーコードを変えると、

 

お知らせ

 

 

<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">お知らせ</div>

 

 

こんな感じになりました。

 

 

お知らせ

 

 

👆こちらのタグはこれ

 

<div style="border-left:10px solid #ff7fbf; border-bottom:2px solid #ff7fbf; padding-left:10px; font-weight:bold;">お知らせ</div>

 

 

 

 

散々失敗して、凄い時間をかけても思うように進まなかった私の経験から、あなたがこれ以上無駄な時間を使わず済むように、少しでもお役に立てればと思い記事を書いています。

 

これを読んでも自分ではできない。と困っている人は、お問合せからご連絡くださいね。

 

お知らせ

 

お問合せはこちらから