【ブログ装飾】紫1:#7D6B9C | ブログを届けるお手伝い|ブログ管理サポート&オンライン秘書

ブログを届けるお手伝い|ブログ管理サポート&オンライン秘書

ブログ集客やブログ管理の経験からの情報を発信。
「時間がなくてブログに手が回らない!」
「PCが苦手でブログの更新に時間がかかる!」
そんな女性起業家さんのお手伝いもさせていただいています☺
手帳や文房具、本やカフェも好き♡

コピペで使えるブログの装飾をご紹介!

 

 

 

 

鉛筆シンプルな線:実線

 


 

<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>

 

 

 

ご提供中のサービス
 ご提供中のサービス一覧
お問合せ
こんなの出来ますリスト
「こんなことできる?」等お気軽にご連絡ください
  お問合せフォーム 
SNS発信中!フォロー大歓迎♡
  Twitter |  Instagram