コピペで使えるブログの装飾をご紹介!
シンプルな線:実線
<hr style="border-top: 1px solid #4A5C80; border-bottom: none;">
シンプルな線:二重線
<hr style="border-top: 5px double #4A5C80; border-bottom: none;">
シンプルな枠線:実線
<div style="border: 2px solid #4A5C80; padding: 10px;">ここに本文を入力</div>
シンプルな枠線:破線
<div style="border: 2px dashed #4A5C80; padding: 10px;">ここに本文を入力</div>
シンプルな枠線:ドット
<div style="border: 2px dotted #4A5C80; padding: 10px;">ここに本文を入力</div>
シンプルな枠線:二重線
<div style="border: 5px double #4A5C80; padding: 10px;">ここに本文を入力</div>
角が丸い枠線:実線
<div style="border: 2px solid #4A5C80; border-radius: 10px; padding: 10px;">ここに本文を入力</div>
タイトル付き囲み線
■タイトル
ここに本文を入力
<div style="border: 2px solid #4A5C80; background: #ffffff;">
<div style="background: #4A5C80; color: #ffffff; padding: 3px 15px 5px 10px;">
<p><b style="font-weight:bold;">■タイトル</b></p></div>
