テキスト、文章をボックス、線で囲むオシャレな やり方.
こんにちワ。o(^-^)o
前回
の続編であります。この記事冒頭のHTMLコードは以下のようになってます。
<div style="background-image:linear-gradient(#ffffff,#7affff,#05ffff);border:1px dotted #00ff00; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#203744;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow:5px 5px 10px; #aaaaaa;margin: 2px 8px 8px 0px;">テキスト、文章をボックス、線で囲むオシャレな やり方.</div>
よく女性に多いと思いますが、ブログのデザインをピンクを基調にされてる方がいます。で、サブタイトルの囲み枠もピンク系のものを作ってみました。以下のようなものです。
～～任意の文章（サブタイトル等）～～
上のコードは以下のようになってます。
<div style="background-image:linear-gradient(#ffffff,#ffb6c1,#ff89ff);border:1px solid #c71585; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#006400;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow:5px 5px 10px; #aaaaaa;margin: 2px 8px 8px 0px;">～～任意の文章（サブタイトル等）～～</div>
■ちょびっとだけブログをオシャレにできると思います。たぶんですが^^;
☆ブィブィ ('-^*)/
ねこしっぽ
ね！？