コピペで使えるブログ用のオシャレな囲み枠&見出し付枠

スポンサーリンク



 

ブログでよく目にする囲み枠や見出し付きの枠は、記事が見やすくなりオリジナリティが出せます。いろいろな種類の枠があるので、今回はその一部をご紹介します。テキストに張り付けて使用してみましょう!

 

コピペで使える囲み枠

【1】四角

ここに文章を入れる
 

【2】四角2

ここに文章を入れる
 

【3】太枠

ここに文章を入れる
 

【4】太枠2

ここに文章を入れる
 

【5】点線

ここに文章を入れる
 

【6】点線(小)

ここに文章を入れる
 

【7】点線(大)

ここに文章を入力
 

【8】二重

ここに文章を入力
 

【9】二重2

ここに文章を入力
 

【10】額縁

ここに文章を入れる
 

【11】額縁2

ここに文章を入れる
 

【12】丸角

ここに文章を入れる

 

【13】丸角2

ここに文章を入れる

 

【14】丸角影あり

ここに文章を入れる

 

【15】丸角影あり2

ここに文章を入れる

 

 

 

コピペで使える見出し付き囲み枠

【1】四角見出し

見出し
ここに文章を入れる
 

【2】四角見出し2

見出し
ここに文章を入れる
 

【3】四角小見出し

見出し
ここに文章を入れる
 

【4】四角小見出し2

見出し
ここに文章を入れる
 

【5】丸角見出し

見出し
ここに文章を入れる
 

【6】丸角見出し2

見出し
ここに文章を入れる
 

【7】丸角小見出し

見出し
ここに文章を入れる
 

【8】丸角小見出し2

見出し
ここに文章を入れる
 

 

 

色の変更

#〇〇〇〇〇〇はカラーを示しています。

紹介した囲み枠の色はすべてブルー『 #000099 』に統一されていますが、コードの『 #000099 』の部分を変更すると色が変えられます。

白『 #ffffff 』塗りの部分も変更可能なので、好きなカラーに書き換えてカラー変更してください。

 

 

サンプルカラー#0000ff

サンプルカラー#000099

サンプルカラー#AAFFFF

サンプルカラー#00FFFF

サンプルカラー#00BFFF

サンプルカラー#1E90FF

サンプルカラー#4682B4

サンプルカラー#00CED1

サンプルカラー#20B2AA

サンプルカラー#00FA9A

サンプルカラー#7FFF00

サンプルカラー#32CD32

サンプルカラー#3CB371

サンプルカラー#9370DB

サンプルカラー#BA55D3

サンプルカラー#9932CC

サンプルカラー#6A5ACD

サンプルカラー#8B008B

サンプルカラー#8B0000

サンプルカラー#8B4513

サンプルカラー#B22222

サンプルカラー#D2691E

サンプルカラー#FF69B4

サンプルカラー#FF1493

サンプルカラー#FFB6C1

サンプルカラー#FF8C00

サンプルカラー#FFD700

サンプルカラー#999999

サンプルカラー#000000

サンプルカラー#FFFF00

上記の見出しとカラーは「賢威7」で表示を検証しました。

賢威7のテンプレートであれば適用されますが、使っているテーマやアップデート後の環境では適用されないこともございます。

ご了承下さい。



まとめ

枠線を付けることで、重要なポイントを読者にしっかりと伝えることができます。

また、いろんなデザインの枠線を作ることができるので、自分で工夫して作るのもいいでしょう。

役立てて頂いたら幸いです。

スポンサーリンク



スポンサーリンク



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です