背景图片重复
背景图片重复
在很多时候我们都会用一张图片作为背景图片,但是有些图片实在是太小了,它会在设定的范围内不断重复,以至于达不到预想的效果,不过我们可以使它在X轴或Y轴上重复,让其达到一定的效果。
未设置前代码如下:
未设置前效果图如下:
上面的效果图若是只要一横或一竖就够了,那么剩下的就显得有点多余了,我们可以用background-repeat属性来设置它。background-repeat可以用repeat-x和repeat-y设置图片在x轴和y轴上重复。
X轴上图片重复代码如下:
X轴上图片重复效果图如下:
y轴上图片重复代码如下:
X轴上图片重复效果图如下: