淡いグリーン×濃いグリーンの
囲み枠です。
文字数に合わせてサイズが変わります。
かわいい点線・実線の
グリーンと同じ枠色です。
- シンプルな枠線
- 角丸枠線があります。
display:inline-block; を削除すると
画面幅いっぱいになります。
文字数に合わせてサイズが変わる枠線
実 線：solid
<div style="display:inline-block; background:#E6F9FA; border: 2px solid #B0E0E6; padding: 15px;">本文はここに入力してください。改行はShift+Enterで！</div>
二重線：double
<div style="display:inline-block; background:#E6F9FA; border: 4px double #B0E0E6; padding: 15px;">本文はここに入力してください。改行はShift+Enterで！</div>
点 線：dotted
<div style="display:inline-block; background:#E6F9FA; border: 2px dotted #B0E0E6; padding: 15px;">本文はここに入力してください。改行はShift+Enterで！</div>
破 線：dashed
<div style="display:inline-block; background:#E6F9FA; border: 2px dashed #B0E0E6; padding: 15px;">本文はここに入力してください。改行はShift+Enterで！</div>
文字数に合わせてサイズが変わる角丸枠線
実 線：solid
<div style="display:inline-block; background:#E6F9FA; border: 2px solid #B0E0E6; padding: 15px; border-radius: 10px;">本文はここに入力してください。改行はShift+Enterで！</div>
二重線：double
<div style="display:inline-block; background:#E6F9FA; border: 4px double #B0E0E6; padding: 15px; border-radius: 10px;">本文はここに入力してください。改行はShift+Enterで！</div>
点 線：dotted
<div style="display:inline-block; background:#E6F9FA; border: 2px dotted #B0E0E6; padding: 15px; border-radius: 10px;">本文はここに入力してください。改行はShift+Enterで！</div>
破 線：dashed
<div style="display:inline-block; background:#E6F9FA; border: 2px dashed #B0E0E6; padding: 15px; border-radius: 10px;">本文はここに入力してください。改行はShift+Enterで！</div>
LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています！
「マーカー」とメッセージを送ってね
ID検索は @570smkow
メニュー
人気の囲み枠