コピペで使えるブログの装飾をご紹介!
シンプルな線:実線
<hr style="border-top: 1px solid #7D6B9C; border-bottom: none;">
シンプルな線:二重線
<hr style="border-top: 5px double #7D6B9C; border-bottom: none;">
シンプルな枠線:実線
<div style="border: 2px solid #7D6B9C; padding: 10px;">ここに本文を入力</div>
シンプルな枠線:破線
<div style="border: 2px dashed #7D6B9C; padding: 10px;">ここに本文を入力</div>
シンプルな枠線:ドット
<div style="border: 2px dotted #7D6B9C; padding: 10px;">ここに本文を入力</div>
シンプルな枠線:二重線
<div style="border: 5px double #7D6B9C; padding: 10px;">ここに本文を入力</div>
角が丸い枠線:実線
<div style="border: 2px solid #7D6B9C; border-radius: 10px; padding: 10px;">ここに本文を入力</div>
タイトル付き囲み線
■タイトル
ここに本文を入力
<div style="border: 2px solid #7D6B9C; background: #ffffff;">
<div style="background: #7D6B9C; color: #ffffff; padding: 3px 15px 5px 10px;">
<p><b style="font-weight:bold;">■タイトル</b></p></div>
![](https://stat.ameba.jp/user_images/20221009/21/greenxnote/93/80/g/o0016001615186102988.gif?caw=800)
お問合せ
≫【こんなの出来ますリスト】
「こんなことできる?」等お気軽にご連絡ください
![](https://stat.ameba.jp/user_images/20221009/21/greenxnote/36/5a/g/o0016001615186099660.gif?caw=800)
SNS発信中!≫フォロー大歓迎♡
![](https://stat.ameba.jp/user_images/20221002/21/greenxnote/fc/18/g/o0016001615182977879.gif?caw=800)
![](https://stat.ameba.jp/user_images/20221016/13/greenxnote/6f/9a/g/o0016001615189165839.gif?caw=800)