background-image

画像を読み込みバックグランドに縦横に繰り返し表示します。

repeating-linear-gradient

本来はグラデーションを繰り返し表示するための関数ですが,読み込まれたエリアいっぱいに連ねて表示します。

.bg0{background-image:url("../タケノコ.jpg");}








MDN開発者向けのウェブ技術

repeating-linear-gradient()関数

横格子1

画像の代わりに模様を繰り返すことっもできます。3番目のパラメータの数値を1pxにすることでグラデーションをかけることなく繰り返しが行われます。

background-image:
repeating-linear-gradient(
#000 ,
#000 1px,
#fff 1px,
#fff 32px);