罫線囲み枠

 

　本文　

<fieldset style="display:inline-block;background:#fff2e5; padding:10px; border:2px dashed #ff7f00;">　本文　</fieldset>
</div>

　本文　

<div>&lt;fieldset style="display:inline-block;background:#fff2e5; padding:10px; border:2px dashed #ff7f00;"&gt;　本文　&lt;/fieldset&gt;<br>
&lt;/div&gt;</div>
 

　本文

<fieldset style="display:inline-block;background:#efffff; padding:10px; border:2px solid #33ccff;">　本文　</fieldset>
</div>

■タイトル

本文

<div>&lt;div&gt;&amp;lt;fieldset style="display:inline-block;background:#fff2e5; padding:10px; border:2px dashed #ff7f00;"&amp;gt;　本文　&amp;lt;/fieldset&amp;gt;&lt;br&gt;<br>
&amp;lt;/div&amp;gt;&lt;/div&gt;<br>

タイトル

本文

<fieldset style="display:inline-block;border:5px double #ffbcdd;">　本文</fieldset>
 

タイトル

本文

<fieldset style="border:3px dotted #fcc800;"><legend>タイトル</legend> 本文</fieldset>
 

タイトル

<div style="border-left: 10px solid #4c6cb3; border-bottom: 2px solid #4c6cb3; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
 

色見コードは下記から

https://www.colordic.org/