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