目次

アメブロの記事で使える「枠線なしの囲み枠」40種類

アメブロの記事で使える、枠線なし・背景ベタ塗りの「枠線なしの囲み枠」の紹介です。

枠線がなくても、背景を塗りつぶすことでよく目立ちますので、囲み枠としてしっかり機能すると思います。

シンプルな矩形(長方形)に加え、角丸、影付き、角丸+影付き、それぞれに色を10色の組み合わせで、合計40種類のバリエーションを用意しましたので、もし気に入ったものがあれば使ってみてください。

囲み枠の表示サンプルの中に貼り付け用のHTMLタグを書いてありますのでコピペでどうぞ。

表示サンプル(見本)とタグ

枠線なしの囲み枠(赤)
枠線なしの囲み枠(<b>角丸</b>・赤)
枠線なしの囲み枠(<b>影付き</b>・赤)
枠線なしの囲み枠(<b>角丸・影付き</b>・赤)

ピンク

枠線なしの囲み枠(ピンク)
枠線なしの囲み枠(<b>角丸</b>・ピンク)
枠線なしの囲み枠(<b>影付き</b>・ピンク)
枠線なしの囲み枠(<b>角丸・影付き</b>・ピンク)

オレンジ

枠線なしの囲み枠(オレンジ)
枠線なしの囲み枠(<b>角丸</b>・オレンジ)
枠線なしの囲み枠(<b>影付き</b>・オレンジ)
枠線なしの囲み枠(<b>角丸・影付き</b>・オレンジ)

黄色

枠線なしの囲み枠(黄色)
枠線なしの囲み枠(<b>角丸</b>・黄色)
枠線なしの囲み枠(<b>影付き</b>・黄色)
枠線なしの囲み枠(<b>角丸・影付き</b>・黄色)

枠線なしの囲み枠(緑)
枠線なしの囲み枠(<b>角丸</b>・緑)
枠線なしの囲み枠(<b>影付き</b>・緑)
枠線なしの囲み枠(<b>角丸・影付き</b>・緑)

水色

枠線なしの囲み枠(水色)
枠線なしの囲み枠(<b>角丸</b>・水色)
枠線なしの囲み枠(<b>影付き</b>・水色)
枠線なしの囲み枠(<b>角丸・影付き</b>・水色)

枠線なしの囲み枠(青)
枠線なしの囲み枠(<b>角丸</b>・青)
枠線なしの囲み枠(<b>影付き</b>・青)
枠線なしの囲み枠(<b>角丸・影付き</b>・青)

枠線なしの囲み枠(紫)
枠線なしの囲み枠(<b>角丸</b>・紫)
枠線なしの囲み枠(<b>影付き</b>・紫)
枠線なしの囲み枠(<b>角丸・影付き</b>・紫)

グレー

枠線なしの囲み枠(グレー)
枠線なしの囲み枠(<b>角丸</b>・グレー)
枠線なしの囲み枠(<b>影付き</b>・グレー)
枠線なしの囲み枠(<b>角丸・影付き</b>・グレー)

枠線なしの囲み枠(黒)
枠線なしの囲み枠(<b>角丸</b>・黒)
枠線なしの囲み枠(<b>影付き</b>・黒)
枠線なしの囲み枠(<b>角丸・影付き</b>・黒)

関連記事