シンプル

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

点線(1)

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

点線(2)

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

二重線

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

立体な感じ

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

くぼんだ感じ

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

少しシャドウな感じ

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

赤の枠(太め)

シンプル

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

点線(1)

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

点線(2)

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

二重線

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

立体な感じ

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

くぼんだ感じ

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

シャドウな感じ

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