サブタイトル、小見出しの文字を立体的に.. | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

HTMLコードで囲み枠の中のテキストを立体的にする..

池田エライザ

サブタイトル(小見出し)を少し考えてみたっす^^;

こんな感じです(↓)。

~~任意の文章、サブタイトル、小見出し等~~


上のコードは、こんなんです(↓)。
<div style="background-image:linear-gradient(#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffb6c1,#ff89ff);border:1px solid #c71585; padding:5px;background-color:#ffffff;color:#006400;text-shadow: 0px 2px 2px #555;font-size:23px;font-weight:bold;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow:5px 5px 10px; #aaaaaa;margin: 2px 8px 8px 0px;">~~任意の文章、サブタイトル、小見出し等~~</div>


■記事のデザインに合わせて、使い分けていきたいです。

☆ブィブィ  ('-^*)/



鍛錬だ!!