在CSS中,我们可以使用background属性为元素添加背景图像。但是有时候我们希望背景图像能够平铺到整个元素上,这就需要使用background-repeat属性了。background-repe
/* 在水平和垂直方向上重复平铺 */ p { background-image: url("background-image.png"); background-repeat: repeat; } /* 只在水平方向上重复平铺 */ p { background-image: url("background-image.png"); background-repeat: repeat-x; } /* 只在垂直方向上重复平铺 */ p { background-image: url("background-image.png"); background-repeat: repeat-y; } /* 不重复平铺 */ p { background-image: url("background-image.png"); background-repeat: no-repeat; }
/* 调整背景图像大小为100% */ p { background-image: url("background-image.png"); background-repeat: repeat; background-size: 100%; }
粉丝
0
关注
0
收藏
0