目次

アメブロの記事で使える「破線の囲み枠(+角丸あり)」60種類

アメブロの記事で使える破線の囲み枠です。

縫い目のようにも見えて、シンプルながら実線よりはデザイン性のある囲み枠として使えると思います。

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

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

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

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

シンプル

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

角丸

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

ピンク

シンプル

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

角丸

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

オレンジ

シンプル

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

角丸

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

黄色

シンプル

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

角丸

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

シンプル

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

角丸

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

水色

シンプル

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

角丸

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

シンプル

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

角丸

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

シンプル

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

角丸

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

グレー

シンプル

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

角丸

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

シンプル

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

角丸

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

関連記事