シンプル

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 1px solid #930; padding: 10px;">★</div>

点線(1)

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 1px dashed #930; padding: 10px;">★</div>

点線(2)

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 1px dotted #930; padding: 10px;">★</div>

二重線

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 5px double #930; padding: 10px;">★</div>

立体な感じ

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 5px ridge #930; padding: 10px;">★</div>

くぼんだ感じ

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 1px inset #930; padding: 10px;">★</div>

少しシャドウな感じ

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 1px outset #930; padding: 10px;">★</div>

青の枠(太め)

シンプル

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 5px solid #930; padding: 10px;">★</div>

点線(1)

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 5px dashed #930; padding: 10px;">★</div>

点線(2)

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 5px dotted #930; padding: 10px;">★</div>

二重線

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 10px double #930; padding: 10px;">★</div>

立体な感じ

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 10px ridge #930; padding: 10px;">★</div>

くぼんだ感じ

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 5px inset #930; padding: 10px;">★</div>

シャドウな感じ

★ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。<div style="border: 5px outset #930; padding: 10px;">★</div>