グラデーションが掛かった小見出しのサンプル各種:α

Gradationの掛かった囲み枠：小見出しのサンプル。

こんにちワ　o(^-^)o

HTMLタグコードを使って、囲み枠にグラデーションの掛かった小見出しのサンプルをいくつか作ってみました。

もし良かったらお使いください　m(_ _ )m

囲み枠にグラデーションの掛かった小見出しのサンプル

まずは、この記事冒頭のものから・・
【1.ピンクとブルー】

【1.ピンクとブルー】

上のコードは以下です（↓）。

<div style="background-image:linear-gradient(#ffe4e1,#afeeee);border:1px solid #999999;padding:10px;background-color:#ffffff;font-size:25px;font-weight:bold;">【1.ピンクとブルー】</div>

【2.ピンクとブルー、文字白】

【2.ピンクとブルー、文字白】

上のコードは以下です（↓）。

<div style="background-image:linear-gradient(#ff00ff,#0000cd);border:1px solid #999999;padding:10px;background-color:#ffffff;font-size:25px;font-weight:bold;color:#ffffff;">【2.ピンクとブルー、文字白】</div>

【3.淡いピンクとブルー、文字白、囲み枠緑色】

【3.淡いピンクとブルー、文字白、囲み枠緑色】

上のコードは以下です（↓）。

<div style="background-image:linear-gradient(#ffc0cb,#1e90ff);border:1px solid #00ff00;padding:10px;background-color:#ffffff;font-size:25px;font-weight:bold;color:#ffffff;">【3.淡いピンクとブルー、文字白、囲み枠緑色】</div>

※参照⇛WEB色見本 原色大辞典 - HTMLカラーコード

◯思うこと
なぁ～～んか、イマイチ決まりませぬ（涙目）。
こんどまた時間が空いた時にでもチャレンジします（汗）。

☆ブヒ  (;^_^A