ワスレナグサ色の囲み枠

ワスレナグサ色の囲み枠です。
文字数に合わせてサイズが変わります。
・シンプルな枠線
・角丸枠線
・タイトル付き枠線
・タイトル付き角丸枠線

 

 

文字数に合わせてサイズが変わる枠線

 

実　線：solid

 

<div style="display:inline-block; border: 2px solid #89c3eb; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで！</div>

 

 

二重線：double

 

<div style="display:inline-block; border: 4px double #89c3eb; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで！</div>

 

 

点　線：dotted

 

<div style="display:inline-block; border: 2px dotted #89c3eb; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで！</div>

 

 

破　線：dashed

 

<div style="display:inline-block; border: 2px dashed #89c3eb; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで！</div>

 

 

文字数に合わせてサイズが変わる角丸枠線

 

実　線：solid

 

<div style="display:inline-block; border: 2px solid #89c3eb; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで！</div>

 

 

二重線：double

 

<div style="display:inline-block; border: 4px double #89c3eb; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで！</div>

 

 

点　線：dotted

 

<div style="display:inline-block; border: 2px dotted #89c3eb; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで！</div>

 

 

破　線：dashed

 

<div style="display:inline-block; border: 2px dashed #89c3eb; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで！</div>

 

 

文字数に合わせてサイズが変わるタイトルつき枠線

 

　タイトル　実　線：solid

 

<fieldset style="display:inline-block; border: 2px solid #89c3eb; padding: 15px;"><legend>　タイトル　</legend>本文はここに入力してください。
改行はShift+Enterで！</fieldset>

 

 

　タイトル　二重線：double

 

<fieldset style="display:inline-block; border:4px double #89c3eb; padding:15px;"><legend>　タイトル　</legend>本文はここに入力してください。改行はShift+Enterで！</fieldset>

 

 

　タイトル　点　線：dotted

 

<fieldset style="display:inline-block; border:2px dotted #89c3eb; padding:15px;"><legend>　タイトル　</legend>本文はここに入力してください。改行はShift+Enterで！</fieldset>

 

 

　タイトル　破　線：dashed

 

<fieldset style="display:inline-block; border:2px dashed #89c3eb; padding:15px;"><legend>　タイトル　</legend>本文はここに入力してください。改行はShift+Enterで！</fieldset>

 

文字数に合わせてサイズが変わるタイトルつき角丸枠線

 

　タイトル　実　線：solid

 

<fieldset style="display:inline-block; border: 2px solid #89c3eb; padding: 15px; border-radius: 10px;"><legend>　タイトル　</legend>本文はここに入力してください。
改行はShift+Enterで！</fieldset>

 

 

　タイトル　二重線：double

 

<fieldset style="display:inline-block; border:4px double #89c3eb; padding:15px; border-radius: 10px;"><legend>　タイトル　</legend>本文はここに入力してください。
改行はShift+Enterで！</fieldset>

 

 

　タイトル　点　線：dotted

 

<fieldset style="display:inline-block; border:2px dotted #89c3eb; padding:15px; border-radius: 10px;"><legend>　タイトル　</legend>本文はここに入力してください。
改行はShift+Enterで！</fieldset>

 

 

　タイトル　破　線：dashed

 

<fieldset style="display:inline-block; border:2px dashed #89c3eb; padding:15px; border-radius: 10px;"><legend>　タイトル　</legend>本文はここに入力してください。
改行はShift+Enterで！</fieldset>

 

 

 

 

春のアメブロカスタマイズ
キャンペーン

■ミニマムカスタマイズプラン

■フルカスタマイズプラン

 

どちらかお申し込みの方に

記事下バナー5,500円（税込）

をプレゼントします！

 

【お申し込み期間】

2021年3月16日（火）～

2021年3月31日（水）まで

LINE公式かお申込みフォーム

からお申込みください。

 

 

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています！

「マーカー」とメッセージを送ってねドキドキ

友だち追加

ID検索は @570smkow