トキ色の囲み枠です。
文字数に合わせてサイズが変わります。
・シンプルな枠線
・角丸枠線
・タイトル付き枠線
・タイトル付き角丸枠線
文字数に合わせてサイズが変わります。
・シンプルな枠線
・角丸枠線
・タイトル付き枠線
・タイトル付き角丸枠線
文字数に合わせてサイズが変わる枠線
実 線:solid
<div style="display:inline-block; border: 2px solid #f4b3c2; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで!</div>
改行はShift+Enterで!</div>
二重線:double
<div style="display:inline-block; border: 4px double #f4b3c2; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで!</div>
改行はShift+Enterで!</div>
点 線:dotted
<div style="display:inline-block; border: 2px dotted #f4b3c2; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで!</div>
改行はShift+Enterで!</div>
破 線:dashed
<div style="display:inline-block; border: 2px dashed #f4b3c2; padding: 15px;">本文はここに入力してください。
改行はShift+Enterで!</div>
改行はShift+Enterで!</div>
文字数に合わせてサイズが変わる角丸枠線
実 線:solid
<div style="display:inline-block; border: 2px solid #f4b3c2; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで!</div>
改行はShift+Enterで!</div>
二重線:double
<div style="display:inline-block; border: 4px double #f4b3c2; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで!</div>
改行はShift+Enterで!</div>
点 線:dotted
<div style="display:inline-block; border: 2px dotted #f4b3c2; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで!</div>
改行はShift+Enterで!</div>
破 線:dashed
<div style="display:inline-block; border: 2px dashed #f4b3c2; padding: 15px; border-radius: 10px;">本文はここに入力してください。
改行はShift+Enterで!</div>
改行はShift+Enterで!</div>
文字数に合わせてサイズが変わるタイトルつき枠線
<fieldset style="display:inline-block; border: 2px solid #f4b3c2; padding: 15px;"><legend> タイトル </legend>本文はここに入力してください。
改行はShift+Enterで!</fieldset>
改行はShift+Enterで!</fieldset>
<fieldset style="display:inline-block; border:4px double #f4b3c2; padding:15px;"><legend> タイトル </legend>本文はここに入力してください。改行はShift+Enterで!</fieldset>
<fieldset style="display:inline-block; border:2px dotted #f4b3c2; padding:15px;"><legend> タイトル </legend>本文はここに入力してください。改行はShift+Enterで!</fieldset>
<fieldset style="display:inline-block; border:2px dashed #f4b3c2; padding:15px;"><legend> タイトル </legend>本文はここに入力してください。改行はShift+Enterで!</fieldset>
文字数に合わせてサイズが変わるタイトルつき角丸枠線
<fieldset style="display:inline-block; border: 2px solid #f4b3c2; padding: 15px; border-radius: 10px;"><legend> タイトル </legend>本文はここに入力してください。
改行はShift+Enterで!</fieldset>
改行はShift+Enterで!</fieldset>
<fieldset style="display:inline-block; border:4px double #f4b3c2; padding:15px; border-radius: 10px;"><legend> タイトル </legend>本文はここに入力してください。
改行はShift+Enterで!</fieldset>
改行はShift+Enterで!</fieldset>
<fieldset style="display:inline-block; border:2px dotted #f4b3c2; padding:15px; border-radius: 10px;"><legend> タイトル </legend>本文はここに入力してください。
改行はShift+Enterで!</fieldset>
改行はShift+Enterで!</fieldset>
<fieldset style="display:inline-block; border:2px dashed #f4b3c2; padding:15px; border-radius: 10px;"><legend> タイトル </legend>本文はここに入力してください。
改行はShift+Enterで!</fieldset>
改行はShift+Enterで!</fieldset>
春のアメブロカスタマイズ
キャンペーン
■ミニマムカスタマイズプラン
どちらかお申し込みの方に
記事下バナー5,500円(税込)
をプレゼントします!
【お申し込み期間】
2021年3月16日(火)~
2021年3月31日(水)まで
LINE公式かお申込みフォーム
からお申込みください。
LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!
「マーカー」とメッセージを送ってね
ID検索は @570smkow
メニュー
人気の囲み枠
✤ 2021年2月囲み枠ベスト10
✤ 2021年1月囲み枠ベスト10
✤ 2020年12月囲み枠ベスト5
✤ 2020年11月囲み枠ベスト5
✤ 2020年10月囲み枠ベスト10
⇒ 囲み枠の便利な情報
✤ 2021年1月囲み枠ベスト10
✤ 2020年12月囲み枠ベスト5
✤ 2020年11月囲み枠ベスト5
✤ 2020年10月囲み枠ベスト10
⇒ 囲み枠の便利な情報