グレイッシュブルーの囲み枠

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

シンプルな囲み枠

実　線：solid

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

二重線：double

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

点　線：dotted

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

破　線：dashed

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

角丸囲み枠

実　線：solid

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

二重線：double

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

点　線：dotted

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

破　線：dashed

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

タイトルつき囲み枠

　タイトル　実　線：solid

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

　タイトル　二重線：double

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

　タイトル　点　線：dotted

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

　タイトル　破　線：dashed

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

角丸囲み枠

　タイトル　実　線：solid

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

　タイトル　二重線：double

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

　タイトル　点　線：dotted

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

　タイトル　破　線：dashed

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

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

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

ID検索は @570smkow

アメブロ囲み枠

୨୧ アメブロで使える囲み枠一覧
୨୧ テイスト別囲み枠セット　　
୨୧ ピンク囲み枠／ゴールド囲み枠／グリーン囲み枠／水色囲み枠
୨୧ 写真背景囲み枠① ② ③ ④
୨୧ 囲み枠ランキング
୨୧ 囲み枠の種類別一覧とアレンジ方法

デザインとブログアドバイスで起業女性をサポートしています。

アメブロカスタマイズメニュー一覧
集客ブログ診断（アドバイス）　
マンツーマンオンラインレッスン
メッセージボード制作代行
LP制作代行メニュー一覧
よくある質問
アメブロカスタマイズ制作実績

お問い合わせ⇒お問い合わせフォーム