目次

コピペで使える「点線の囲み枠(+角丸あり)」HTMLタグ60種類

コピペで使える点線の囲み枠です。

点が小さいと控えめな囲み枠、点が大きくなるとかわいい感じの囲み枠の1つとして使えると思います。

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

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

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

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

シンプル

点線の囲み枠(細枠・赤)
点線の囲み枠(赤)
点線の囲み枠(太枠・赤)

角丸

点線の囲み枠(角丸・細枠・赤)
点線の囲み枠(角丸・赤)
点線の囲み枠(角丸・太枠・赤)

ピンク

シンプル

点線の囲み枠(細枠・ピンク)
点線の囲み枠(ピンク)
点線の囲み枠(太枠・ピンク)

角丸

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

オレンジ

シンプル

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

角丸

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

黄色

シンプル

点線の囲み枠(細枠・黄色)
点線の囲み枠(黄色)
点線の囲み枠(太枠・黄色)

角丸

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

シンプル

点線の囲み枠(細枠・緑)
点線の囲み枠(緑)
点線の囲み枠(太枠・緑)

角丸

点線の囲み枠(角丸・細枠・緑)
点線の囲み枠(角丸・緑)
点線の囲み枠(角丸・太枠・緑)

水色

シンプル

点線の囲み枠(細枠・水色)
点線の囲み枠(水色)
点線の囲み枠(太枠・水色)

角丸

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

シンプル

点線の囲み枠(細枠・青)
点線の囲み枠(青)
点線の囲み枠(太枠・青)

角丸

点線の囲み枠(角丸・細枠・青)
点線の囲み枠(角丸・青)
点線の囲み枠(角丸・太枠・青)

シンプル

点線の囲み枠(細枠・紫)
点線の囲み枠(紫)
点線の囲み枠(太枠・紫)

角丸

点線の囲み枠(角丸・細枠・紫)
点線の囲み枠(角丸・紫)
点線の囲み枠(角丸・太枠・紫)

グレー

シンプル

点線の囲み枠(細枠・グレー)
点線の囲み枠(グレー)
点線の囲み枠(太枠・グレー)

角丸

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

シンプル

点線の囲み枠(細枠・黒)
点線の囲み枠(黒)
点線の囲み枠(太枠・黒)

角丸

点線の囲み枠(角丸・細枠・黒)
点線の囲み枠(角丸・黒)
点線の囲み枠(角丸・太枠・黒)

関連記事