影付き枠を試してみる

はじめに

影付きの枠を試してみました。まだ改良が必要かもしれませんが，携帯で見た時にも枠が表示されるように投稿欄に直接HTMLで記述しています。


投稿欄用

<fieldset style="width:auto;padding:10px;margin-right:6px;border:2px solid crimson;box-shadow:5px 5px 5px #ccc;border-radius:8px;">

<legend style="margin-left:7px;padding:5px 10px;background-color:crimson;color:#ffffff;font-weight:bold;box-shadow:5px 5px 5px #AAA;border-radius:8px;"><strong>タイトルをここに書く</strong></legend>

本文

</fieldset>




緑のところのタイトルと本文を記述するだけでOKです。コピペのアプリを使って利用した方がよさそうです。

注意：HTMLで直接埋め込むので，スタイルとか変え難くなります。あまり多様はお勧めしません。