ピンク系のタイトルつき囲み枠 [ シンプル・二重線・点線・破線 ] です。
Contents
シンプルなタイトルつき囲み枠
<p> </p><fieldset style="border: 2px solid #FFD6EA; padding: 15px;"><legend> タイトル </legend>シンプル1</fieldset><p> </p>
<p> </p><fieldset style="border: 2px solid #FFB6C8; padding: 15px;"><legend> タイトル </legend>シンプル2</fieldset><p> </p>
<p> </p><fieldset style="border: 2px solid #FF7FAA; padding: 15px;"><legend> タイトル </legend>シンプル3</fieldset><p> </p>
<p> </p><fieldset style="border: 2px solid #E37995; padding: 15px;"><legend> タイトル </legend>シンプル4</fieldset><p> </p>
二重線のタイトルつき囲み枠
<p> </p><fieldset style="border: 4px double #FFD6EA; padding: 15px;"><legend> タイトル </legend>二重線1</fieldset><p> </p>
<p> </p><fieldset style="border: 4px double #FFB6C8; padding: 15px;"><legend> タイトル </legend>二重線2</fieldset><p> </p>
<p> </p><fieldset style="border: 4px double #FF7FAA; padding: 15px;"><legend> タイトル </legend>二重線3</fieldset><p> </p>
<p> </p><fieldset style="border: 4px double #E37995; padding: 15px;"><legend> タイトル </legend>二重線4</fieldset><p> </p>
点線のタイトルつき囲み枠
<p> </p><fieldset style="border: 2px dotted #FFD6EA; padding: 15px;"><legend> タイトル </legend>点線1</fieldset><p> </p>
<p> </p><fieldset style="border: 2px dotted #FFB6C8; padding: 15px;"><legend> タイトル </legend>点線2</fieldset><p> </p>
<p> </p><fieldset style="border: 2px dotted #FF7FAA; padding: 15px;"><legend> タイトル </legend>点線3</fieldset><p> </p>
<p> </p><fieldset style="border: 2px dotted #E37995; padding: 15px;"><legend> タイトル </legend>点線4</fieldset><p> </p>
破線のタイトルつき囲み枠
<p> </p><fieldset style="border: 2px dashed #FFD6EA; padding: 15px;"><legend> タイトル </legend>破線1</fieldset><p> </p>
<p> </p><fieldset style="border: 2px dashed #FFB6C8; padding: 15px;"><legend> タイトル </legend>破線2</fieldset><p> </p>
<p> </p><fieldset style="border: 2px dashed #FF7FAA; padding: 15px;"><legend> タイトル </legend>破線3</fieldset><p> </p>
<p> </p><fieldset style="border: 2px dashed #E37995; padding: 15px;"><legend> タイトル </legend>破線4</fieldset><p> </p>
サイズが変わるタイトルつきシンプルなタイトルつき囲み枠
<p> </p><fieldset style="display:inline-block;border: 2px solid #FFD6EA; padding: 15px;"> <legend> タイトル </legend>シンプル1</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 2px solid #FFB6C8; padding: 15px;"> <legend> タイトル </legend>シンプル2</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 2px solid #FF7FAA; padding: 15px;"> <legend> タイトル </legend>シンプル3</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 2px solid #E37995; padding: 15px;"> <legend> タイトル </legend>シンプル4</fieldset><p> </p>
サイズが変わるタイトルつき二重線のタイトルつき囲み枠
<p> </p><fieldset style="display:inline-block;border: 4px double #FFD6EA; padding: 15px;"> <legend> タイトル </legend>二重線1</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 4px double #FFB6C8; padding: 15px;"> <legend> タイトル </legend>二重線2</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 4px double #FF7FAA; padding: 15px;"> <legend> タイトル </legend>二重線3</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 4px double #E37995; padding: 15px;"> <legend> タイトル </legend>二重線4</fieldset><p> </p>
サイズが変わるタイトルつき点線のタイトルつき囲み枠
<p> </p><fieldset style="display:inline-block;border: 2px dotted #FFD6EA; padding: 15px;"> <legend> タイトル </legend>点線1</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 2px dotted #FFB6C8; padding: 15px;"> <legend> タイトル </legend>点線2</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 2px dotted #FF7FAA; padding: 15px;"> <legend> タイトル </legend>点線3</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 2px dotted #E37995; padding: 15px;"> <legend> タイトル </legend>点線4</fieldset><p> </p>
サイズが変わるタイトルつき破線のタイトルつき囲み枠
<p> </p><fieldset style="display:inline-block;border: 2px dashed #FFD6EA; padding: 15px;"> <legend> タイトル </legend>破線1</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 2px dashed #FFB6C8; padding: 15px;"> <legend> タイトル </legend>破線2</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 2px dashed #FF7FAA; padding: 15px;"> <legend> タイトル </legend>破線3</fieldset><p> </p>
<p> </p><fieldset style="display:inline-block;border: 2px dashed #E37995; padding: 15px;"> <legend> タイトル </legend>破線4</fieldset><p> </p>