大人パープル♡シンプルで太めの囲み枠

シンプルで太めの
パープルの囲み枠です。

・シンプルな枠線
・角丸枠線
・タイトル付き枠線
・タイトル付き角丸枠線

 

シンプルな囲み枠

 

実　線：solid

 

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

 

 

実　線：solid（幅いっぱいタイプ）

 

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

 

 

角丸囲み枠

 

実　線：solid

 

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

 

 

実　線：solid（幅いっぱいタイプ）

 

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

 

 

タイトルつき囲み枠

 

　タイトル　実　線：solid

 

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

 

 

　タイトル　実　線：solid（幅いっぱいタイプ）

 

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

 

 

タイトルつき角丸囲み枠

 

　タイトル　実　線：solid

 

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

 

 

　タイトル　実　線：solid（幅いっぱいタイプ）

 

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

 

 

 

 

※囲み枠の無断転載・再配布は禁止です。

よくある質問【囲み枠編】をご覧ください。

 

 

 

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

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

友だち追加

ID検索は @570smkow