目次

コピペで使える「シンプルな一本線の囲み枠(角丸・影付きあり)」HTMLタグ120種類

コピペで使えるシンプルな囲み枠です。

普通の実線で囲っただけのシンプルなものですので、デザインが主張しすぎない囲み枠が欲しいときにどうぞ。

枠線の太さ違い3種類と、色違い10種類、角丸・影付きの有無など、合計120種類のバリエーションを用意してまとめてみましたので、もし気に入ったものがあれば使ってみてください。

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

このページのような囲み枠を自分で作れる「囲み枠ジェネレーター」もあります。

シンプルな囲み枠

シンプル

囲み枠(細枠・赤)
囲み枠(赤)
囲み枠(太枠・赤)

角丸

囲み枠(角丸・細枠・赤)
囲み枠(角丸・赤)
囲み枠(角丸・太枠・赤)

影付き

囲み枠(影付き・細枠・赤)
囲み枠(影付き・赤)
囲み枠(影付き・太枠・赤)

角丸・影付き

囲み枠(角丸・影付き・細枠・赤)
囲み枠(角丸・影付き・赤)
囲み枠(角丸・影付き・太枠・赤)

ピンク

シンプル

囲み枠(細枠・ピンク)
囲み枠(ピンク)
囲み枠(太枠・ピンク)

角丸

囲み枠(角丸・細枠・ピンク)
囲み枠(角丸・ピンク)
囲み枠(角丸・太枠・ピンク)

影付き

囲み枠(影付き・細枠・ピンク)
囲み枠(影付き・ピンク)
囲み枠(影付き・太枠・ピンク)

角丸・影付き

囲み枠(角丸・影付き・細枠・ピンク)
囲み枠(角丸・影付き・ピンク)
囲み枠(角丸・影付き・太枠・ピンク)

オレンジ

シンプル

囲み枠(細枠・オレンジ)
囲み枠(オレンジ)
囲み枠(太枠・オレンジ)

角丸

囲み枠(角丸・細枠・オレンジ)
囲み枠(角丸・オレンジ)
囲み枠(角丸・太枠・オレンジ)

影付き

囲み枠(影付き・細枠・オレンジ)
囲み枠(影付き・オレンジ)
囲み枠(影付き・太枠・オレンジ)

角丸・影付き

囲み枠(角丸・影付き・細枠・オレンジ)
囲み枠(角丸・影付き・オレンジ)
囲み枠(角丸・影付き・太枠・オレンジ)

黄色

シンプル

囲み枠(細枠・黄色)
囲み枠(黄色)
囲み枠(太枠・黄色)

角丸

囲み枠(角丸・細枠・黄色)
囲み枠(角丸・黄色)
囲み枠(角丸・太枠・黄色)

影付き

囲み枠(影付き・細枠・黄色)
囲み枠(影付き・黄色)
囲み枠(影付き・太枠・黄色)

角丸・影付き

囲み枠(角丸・影付き・細枠・黄色)
囲み枠(角丸・影付き・黄色)
囲み枠(角丸・影付き・太枠・黄色)

シンプル

囲み枠(細枠・緑)
囲み枠(緑)
囲み枠(太枠・緑)

角丸

囲み枠(角丸・細枠・緑)
囲み枠(角丸・緑)
囲み枠(角丸・太枠・緑)

影付き

囲み枠(影付き・細枠・緑)
囲み枠(影付き・緑)
囲み枠(影付き・太枠・緑)

角丸・影付き

囲み枠(角丸・影付き・細枠・緑)
囲み枠(角丸・影付き・緑)
囲み枠(角丸・影付き・太枠・緑)

水色

シンプル

囲み枠(細枠・水色)
囲み枠(水色)
囲み枠(太枠・水色)

角丸

囲み枠(角丸・細枠・水色)
囲み枠(角丸・水色)
囲み枠(角丸・太枠・水色)

影付き

囲み枠(影付き・細枠・水色)
囲み枠(影付き・水色)
囲み枠(影付き・太枠・水色)

角丸・影付き

囲み枠(角丸・影付き・細枠・水色)
囲み枠(角丸・影付き・水色)
囲み枠(角丸・影付き・太枠・水色)

シンプル

囲み枠(細枠・青)
囲み枠(青)
囲み枠(太枠・青)

角丸

囲み枠(角丸・細枠・青)
囲み枠(角丸・青)
囲み枠(角丸・太枠・青)

影付き

囲み枠(影付き・細枠・青)
囲み枠(影付き・青)
囲み枠(影付き・太枠・青)

角丸・影付き

囲み枠(角丸・影付き・細枠・青)
囲み枠(角丸・影付き・青)
囲み枠(角丸・影付き・太枠・青)

シンプル

囲み枠(細枠・紫)
囲み枠(紫)
囲み枠(太枠・紫)

角丸

囲み枠(角丸・細枠・紫)
囲み枠(角丸・紫)
囲み枠(角丸・太枠・紫)

影付き

囲み枠(影付き・細枠・紫)
囲み枠(影付き・紫)
囲み枠(影付き・太枠・紫)

角丸・影付き

囲み枠(角丸・影付き・細枠・紫)
囲み枠(角丸・影付き・紫)
囲み枠(角丸・影付き・太枠・紫)

グレー

シンプル

囲み枠(細枠・グレー)
囲み枠(グレー)
囲み枠(太枠・グレー)

角丸

囲み枠(角丸・細枠・グレー)
囲み枠(角丸・グレー)
囲み枠(角丸・太枠・グレー)

影付き

囲み枠(影付き・細枠・グレー)
囲み枠(影付き・グレー)
囲み枠(影付き・太枠・グレー)

角丸・影付き

囲み枠(角丸・影付き・細枠・グレー)
囲み枠(角丸・影付き・グレー)
囲み枠(角丸・影付き・太枠・グレー)

シンプル

囲み枠(細枠・黒)
囲み枠(黒)
囲み枠(太枠・黒)

角丸

囲み枠(角丸・細枠・黒)
囲み枠(角丸・黒)
囲み枠(角丸・太枠・黒)

影付き

囲み枠(影付き・細枠・黒)
囲み枠(影付き・黒)
囲み枠(影付き・太枠・黒)

角丸・影付き

囲み枠(角丸・影付き・細枠・黒)
囲み枠(角丸・影付き・黒)
囲み枠(角丸・影付き・太枠・黒)

関連記事