0

CSSでステッチ風タグの描き方

CSSでステッチ風タグの描き方

ちょっとしたタグや記事タイトルなどの背景を装飾するとき、女性らしく可愛い雰囲気にしたい場合など「ステッチ風タグ」を使ってデザインしてみるのもいいかもしれません。また、その場合に背景画像を配置するのではなくCSSによる表現で実現してみましょう。

 

 

DEMO

HTMLを記述

サンプルのHTMLは以下のようになっています。

 

Sample1

sample1

CSS

 

Sample2

sample2

CSS

 

Sample3

sample3

CSS

 

Sample4

sample4

CSS

 

Sample5

sample5

CSS

 

Sample6

sample6

CSS

 

ステッチ風のタグということで基本的な装飾のみになりますが、好きな色やサイズにカスタマイズして使ってみてください。

以上になります。


 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

mororeco > CSS > CSSでステッチ風タグの描き方