水色(角丸)

枠のみ細め

シンプル

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

点線(1)

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

点線(2)

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

二重線

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

枠のみ太め

シンプル

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

点線(1)

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

点線(2)

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

二重線

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

枠細め背景塗り

シンプル

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

点線(1)

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

点線(2)

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

二重線

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

枠太め背景塗り

シンプル

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

点線(1)

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

点線(2)

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

二重線

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

枠なし背景塗り

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