囲み枠

■シンプル

<div style="border: #ffd201 solid 3px;10px; -moz-border-radius: 10px; padding: 10px;">
テキスト
</div>

テキスト
テキスト

■シンプル（丸角）

<div style="border: #ffd201 solid 3px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 10px;">
テキスト
</div>

テキスト
テキスト

■付箋風

<div style="border: #6495ed solid 1px; border-left: #6495ed solid 13px; padding: 10px; background: #f5fffa; ">
テキスト<br>
テキスト</div>

テキスト
テキスト
テキスト

■タイトル

<div style="background: #ff7fbf; border: 1px solid #ff7fbf; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">■タイトル</span></div><div style="border: 1px solid #ff7fbf; padding: 10px;">テキスト<br />テキスト</div>

■タイトル

テキスト
テキスト

■タイトル付き２

ソース

<fieldset style="border:3px double #ff6699;"><legend><span style="font-weight:bold;">タイトル</span> </legend>ここに本文を入力する。<br /></fieldset>

タイトル

・
・
・

■タイトル３

<font style="padding:6px 10px; background:#0000ff; color:#ffffff; font-weight:bold;">■タイトル■</font>

<div style="border:1px solid #0000ff; padding:10px; font-size:0.9em; margin-top:-20px;">

テキスト</div>
 

■タイトル■

・
・
・

■塗りつぶし

<div style="background:#fffacd; padding:10px; border:none;">テキスト <br />テキスト</div>

テキスト
テキスト