グリーン系のタイトルつきシンプルな囲み枠線

グリーン系のタイトルつき囲み枠 [ シンプル・二重線・点線・破線 ] です。

Contents

シンプルなタイトルつき囲み枠

 タイトル シンプル1
<p>&nbsp;</p><fieldset style="border: 2px solid #DDF1EE; padding: 15px;"><legend> タイトル </legend>シンプル1</fieldset><p>&nbsp;</p>
 タイトル シンプル2
<p>&nbsp;</p><fieldset style="border: 2px solid #B0E0E6; padding: 15px;"><legend> タイトル </legend>シンプル2</fieldset><p>&nbsp;</p>
 タイトル シンプル3
<p>&nbsp;</p><fieldset style="border: 2px solid #8ECFD2; padding: 15px;"><legend> タイトル </legend>シンプル3</fieldset><p>&nbsp;</p>
 タイトル シンプル4
<p>&nbsp;</p><fieldset style="border: 2px solid #A5C9C1; padding: 15px;"><legend> タイトル </legend>シンプル4</fieldset><p>&nbsp;</p>

二重線のタイトルつき囲み枠

 タイトル 二重線1
<p>&nbsp;</p><fieldset style="border: 4px double #DDF1EE; padding: 15px;"><legend> タイトル </legend>二重線1</fieldset><p>&nbsp;</p>
 タイトル 二重線2
<p>&nbsp;</p><fieldset style="border: 4px double #B0E0E6; padding: 15px;"><legend> タイトル </legend>二重線2</fieldset><p>&nbsp;</p>
 タイトル 二重線3
<p>&nbsp;</p><fieldset style="border: 4px double #8ECFD2; padding: 15px;"><legend> タイトル </legend>二重線3</fieldset><p>&nbsp;</p>
 タイトル 二重線4
<p>&nbsp;</p><fieldset style="border: 4px double #A5C9C1; padding: 15px;"><legend> タイトル </legend>二重線4</fieldset><p>&nbsp;</p>

点線のタイトルつき囲み枠

 タイトル 点線1
<p>&nbsp;</p><fieldset style="border: 2px dotted #DDF1EE; padding: 15px;"><legend> タイトル </legend>点線1</fieldset><p>&nbsp;</p>
 タイトル 点線2
<p>&nbsp;</p><fieldset style="border: 2px dotted #B0E0E6; padding: 15px;"><legend> タイトル </legend>点線2</fieldset><p>&nbsp;</p>
 タイトル 点線3
<p>&nbsp;</p><fieldset style="border: 2px dotted #8ECFD2; padding: 15px;"><legend> タイトル </legend>点線3</fieldset><p>&nbsp;</p>
 タイトル 点線4
<p>&nbsp;</p><fieldset style="border: 2px dotted #A5C9C1; padding: 15px;"><legend> タイトル </legend>点線4</fieldset><p>&nbsp;</p>

破線のタイトルつき囲み枠

 タイトル 破線1
<p>&nbsp;</p><fieldset style="border: 2px dashed #DDF1EE; padding: 15px;"><legend> タイトル </legend>破線1</fieldset><p>&nbsp;</p>
 タイトル 破線2
<p>&nbsp;</p><fieldset style="border: 2px dashed #B0E0E6; padding: 15px;"><legend> タイトル </legend>破線2</fieldset><p>&nbsp;</p>
 タイトル 破線3
<p>&nbsp;</p><fieldset style="border: 2px dashed #8ECFD2; padding: 15px;"><legend> タイトル </legend>破線3</fieldset><p>&nbsp;</p>
 タイトル 破線4
<p>&nbsp;</p><fieldset style="border: 2px dashed #A5C9C1; padding: 15px;"><legend> タイトル </legend>破線4</fieldset><p>&nbsp;</p>

サイズが変わるタイトルつきシンプルなタイトルつき囲み枠

 タイトル シンプル1
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px solid #DDF1EE; padding: 15px;">
<legend> タイトル </legend>シンプル1</fieldset><p>&nbsp;</p>
 タイトル シンプル2
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px solid #B0E0E6; padding: 15px;">
<legend> タイトル </legend>シンプル2</fieldset><p>&nbsp;</p>
 タイトル シンプル3
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px solid #8ECFD2; padding: 15px;">
<legend> タイトル </legend>シンプル3</fieldset><p>&nbsp;</p>
 タイトル シンプル4
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px solid #A5C9C1; padding: 15px;">
<legend> タイトル </legend>シンプル4</fieldset><p>&nbsp;</p>

サイズが変わるタイトルつき二重線のタイトルつき囲み枠

 タイトル 二重線1
<p>&nbsp;</p><fieldset style="display:inline-block;border: 4px double #DDF1EE; padding: 15px;">
<legend> タイトル </legend>二重線1</fieldset><p>&nbsp;</p>
 タイトル 二重線2
<p>&nbsp;</p><fieldset style="display:inline-block;border: 4px double #B0E0E6; padding: 15px;">
<legend> タイトル </legend>二重線2</fieldset><p>&nbsp;</p>
 タイトル 二重線3
<p>&nbsp;</p><fieldset style="display:inline-block;border: 4px double #8ECFD2; padding: 15px;">
<legend> タイトル </legend>二重線3</fieldset><p>&nbsp;</p>
 タイトル 二重線4
<p>&nbsp;</p><fieldset style="display:inline-block;border: 4px double #A5C9C1; padding: 15px;">
<legend> タイトル </legend>二重線4</fieldset><p>&nbsp;</p>

サイズが変わるタイトルつき点線のタイトルつき囲み枠

 タイトル 点線1
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px dotted #DDF1EE; padding: 15px;">
<legend> タイトル </legend>点線1</fieldset><p>&nbsp;</p>
 タイトル 点線2
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px dotted #B0E0E6; padding: 15px;">
<legend> タイトル </legend>点線2</fieldset><p>&nbsp;</p>
 タイトル 点線3
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px dotted #8ECFD2; padding: 15px;">
<legend> タイトル </legend>点線3</fieldset><p>&nbsp;</p>
 タイトル 点線4
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px dotted #A5C9C1; padding: 15px;">
<legend> タイトル </legend>点線4</fieldset><p>&nbsp;</p>

サイズが変わるタイトルつき破線のタイトルつき囲み枠

 タイトル 破線1
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px dashed #DDF1EE; padding: 15px;">
<legend> タイトル </legend>破線1</fieldset><p>&nbsp;</p>
 タイトル 破線2
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px dashed #B0E0E6; padding: 15px;">
<legend> タイトル </legend>破線2</fieldset><p>&nbsp;</p>
 タイトル 破線3
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px dashed #8ECFD2; padding: 15px;">
<legend> タイトル </legend>破線3</fieldset><p>&nbsp;</p>
 タイトル 破線4
<p>&nbsp;</p><fieldset style="display:inline-block;border: 2px dashed #A5C9C1; padding: 15px;">
<legend> タイトル </legend>破線4</fieldset><p>&nbsp;</p>
share
  • URLをコピーしました!
  • URLをコピーしました!
Contents