エディタ(HTML表示)にコピペするだけで簡単に使える✨

オシャレな見出しデザインを4つご紹介いたします💙

 

ステッチ風

見出しデザイン

<h3 style="color: white; padding: 8px 16px; background: #87CEFA; box-shadow: 0px 0px 0px 5px #87CEFA; border: 2px dashed white;">見出しデザイン</h3>

 

囲み

見出しデザイン

<h3 style="color: #00BFFF; border: 3px solid #00BFFF; padding: 8px 16px;">見出しデザイン</h3>

 

左線 + 背景

見出しデザイン

<h3 style="color: #00BFFF; border-left: 4px solid #00BFFF; padding: 8px 16px; background: #F0F8FF;">見出しデザイン</h3>

 

 

マナラ トーンアップUV モイスト

 

蛍光マーカー風

見出しデザイン

<h3 style="background: linear-gradient(transparent 60%, #87CEFA 60%);">見出しデザイン</h3>

 

 

以上です!いかがでしたでしょうか?💙

 

ワンポイントアドバイス✨

今回は青色(カラーコード:#00BFFF, #87CEFA#F0F8FF)の見出しデザインを紹介させていただきましたが、カラーコードをお好きな色に変更することで自分好みの色味にカスタマイズできます💡

 

 

いいね、リブログ、フォロー全て拝見させていただいております💙

その他、「こういうデザイン紹介してほしい」「このカスタマイズの方法教えてほしい」などご意見・ご要望等ございましたら、お気軽にコメントお待ちしております✨

 

 

 

Smart資格 (スマート資格)【HIS】旅行プログラム