オレンジ

シンプル

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

点線(1)

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

点線(2)

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

二重線

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

立体な感じ

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

くぼんだ感じ

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

少しシャドウな感じ

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

青の枠(太め)

シンプル

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

点線(1)

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

点線(2)

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

二重線

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

立体な感じ

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

くぼんだ感じ

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

シャドウな感じ

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