欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css圖片平鋪的代碼

CSS可以通過設(shè)置background-repeat屬性來實(shí)現(xiàn)圖片的平鋪。該屬性有四個(gè)值:repeat、repeat-x、repeat-y和no-repeat。

其中,repeat表示在水平和垂直方向都平鋪;repeat-x表示只在水平方向平鋪;repeat-y表示只在垂直方向平鋪;no-repeat表示不平鋪。

/* 在水平和垂直方向都平鋪 */
.background {
background-image: url("img.png");
background-repeat: repeat;
}
/* 只在水平方向平鋪 */
.background {
background-image: url("img.png");
background-repeat: repeat-x;
}
/* 只在垂直方向平鋪 */
.background {
background-image: url("img.png");
background-repeat: repeat-y;
}
/* 不平鋪 */
.background {
background-image: url("img.png");
background-repeat: no-repeat;
}

除了設(shè)置background-repeat屬性外,也可以通過設(shè)置background-size屬性來調(diào)整圖片的大小,以適應(yīng)容器大小。

/* 將圖片鋪滿容器 */
.background {
background-image: url("img.png");
background-size: cover;
}
/* 將圖片等比縮放到容器大小 */
.background {
background-image: url("img.png");
background-size: contain;
}

以上是一些CSS圖片平鋪的基本用法,可以根據(jù)實(shí)際需求進(jìn)行調(diào)整。