<div style=”background:#ffffff; padding:10px; border-radius: 10px; border: 2px dotted #ffa500;”>あいうえお<br>かきくけこ<br></div>

　内側：薄いオレンジ　　線:濃いオレンジ・点　　　角：四角　

<div style=”background:#fafad2; padding:10px; border:2px dotted #ffa500;”>あいうえお<br>かきくけこ<br></div>

　内側：薄いオレンジ　線：濃いオレンジ　　角：丸　

<div style=”background:#fafad2; padding:10px; border-radius: 10px; border: 2px dotted #ffa500;”>あいうえお<br>かきくけこ<br></div>

　内側：白　線：濃いオレンジ　角：四角

<div style=”background:#ffffff; padding:10px; border:2px solid #ffa500;”>あいうえお<br>かきくけこ<br></div>

　内側：薄オレンジ　線：濃いオレンジ　角：四角

<div style=”background:#fafad2; padding:10px; border:2px solid #ffa500;”>あいうえお<br>かきくけこ<br></div>

　内側：白　線：濃いオレンジ・二重　角：丸

<div style=”background:#ffffff; padding:10px;border-radius: 10px; border: 5px double #ffa500;”>あいうえお<br>かきくけこ<br></div>

タイトル付きＡ　内側：白　線：濃いオレンジ　角：四角

<font style=”padding:6px 10px; background:#ffa500; color:#ffffff; font-weight:bold;”>■タイトルＡ■</font><div style=”border:1px solid #ffa500; padding:10px; font-size:0.9em; margin-top:2px;”>あいうえお<br>かきくけこ</div>

■タイトルＡ■

タイトル付きＢ　内側：白　線：濃いオレンジ　角：丸

<div style=”height:12px;”><span style=”margin-left:8px; padding:6px 10px; background:#ffa500; color:#ffffff; font-weight:bold;border-radius:5px;”>■タイトルＢ■</span></div><div style=”border:2px solid #ffa500; padding:25px 12px 10px; font-size:1em;border-radius:5px;”>あいうえお<br>さしすせそ</div>

なお、掲載にあたり、囲み枠と言えばこの先生の記事を参考にさせていただきました。
いつもありがとうございます。