CSS 背景图片水平重复和垂直重复

快乐打工仔 分类:实例代码

CSS 背景图片水平重复和垂直重复属于前端实例代码,有关更多实例代码大家可以查看

设置背景图片的水平平铺或者垂直平铺非常的简单,使用两段代码即可。

代码如下:

background:url("photo.gif") repeat-y;

以上代码可以让背景图片在垂直方向上平铺。

background:url("photo.gif") repeat-x;

以上代码可以让背景图片在水平方向上平铺。

非常的简单,具体可以参阅CSS background属性一章节。

CSS 背景图片水平重复和垂直重复,这样的场景在实际项目中还是用的比较多的,关于CSS 背景图片水平重复和垂直重复就介绍到这了。

回复

我来回复
  • 暂无回复内容