目次

コピペで使える「ワッペン風の囲み枠(リネン調)」HTMLタグ17種類

コピペで使えるHTMLタグ「リネン調のワッペン風の囲み枠」を作ってみました。

リネン(麻)生地っぽい自作の画像を使ったもの5種類と、CSSでそれっぽく作ったもの12種類の、合計17種類用意してみました。

囲み枠の表示サンプル(見本)の中に貼り付け用のHTMLタグが表示されると思いますので、コピペで使ってみてください。

画像を使った囲み枠

貼り付け用のHTMLタグ内の画像はimages.weserv.nlという無料の画像キャッシュサービスを経由していますので、ご承知おきください。

リネン調 1

ワッペン風の囲み枠(リネン調 1)

リネン調 2

ワッペン風の囲み枠(リネン調 2)

リネン調 3

ワッペン風の囲み枠(リネン調 3)

リネン調 4

ワッペン風の囲み枠(リネン調 4)

リネン調 5

ワッペン風の囲み枠(リネン調 1)

CSS版(画像を使わない)囲み枠

こちらは、画像を使わずCSSのみで表現していますので、万が一にも画像が消えて表示されなくなる心配はありません。

リネン調 ベージュ

ワッペン風の囲み枠(リネン調 ベージュ)

リネン調 カーキ

ワッペン風の囲み枠(リネン調 カーキ)

リネン調 白

ワッペン風の囲み枠(リネン調 白)

リネン調 赤

ワッペン風の囲み枠(リネン調 赤)

リネン調 ピンク

ワッペン風の囲み枠(リネン調 ピンク)

リネン調 オレンジ

ワッペン風の囲み枠(リネン調 オレンジ)

リネン調 黄色

ワッペン風の囲み枠(リネン調 黄色)

リネン調 緑

ワッペン風の囲み枠(リネン調 緑)

リネン調 水色

ワッペン風の囲み枠(リネン調 水色)

リネン調 青

ワッペン風の囲み枠(リネン調 青)

リネン調 紫

ワッペン風の囲み枠(リネン調 紫)

リネン調 黒

ワッペン風の囲み枠(リネン調 黒)

関連記事