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