角丸影付きのボックスを投稿記事内に挿入する方法についての覚書です。

以下のCSSを追加して、

.marukage {
border:1px solid #c0c0c0;
width:43%;
min-height:150px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:1px 1px 3px #c0c0c0;
-webkit-box-shadow:1px 1px 3px #c0c0c0;
box-shadow:1px 1px 3px #c0c0c0;
float:left;
background-color:#f7f7f7;
margin:10px;
padding:10px;
}

投稿記事内に以下のように記述すると、

<div class="marukage">角丸影付きのボックスです。</div>

影付きの角丸ボックスを表示することができます。（旧バージョンのIEを除く。）

参考にした記事：CSS で簡単にできるエレガントなボックス – Web/DB プログラミング徹底解説