はてなブログのカスタム備忘録(HTMLなど)
記事
枠で囲む方法
1、タイトルなし
<div style="padding: 1.2em; border: solid 1px #c0c0c0; background-color: #f1f1f1;">
<p>テキスト</p>
</div>
2、タイトルあり
<div style="height: 13px;"><span style="background: #color; padding: 8px 10px; color: #ffffff; font-weight: bold; margin-left: 10px;">タイトル</span></div>
<div style="padding: 30px 15px 10px; border: 1px solid #color;">
<p>枠の中の文章1行目</p>
<p>枠の中の文章2行目</p>
<p>枠の中の文章3行目</p>
</div>