css背景应用中的repeat-x与repeat-y各是什么意思

当前位置 : 首页 > 网页制作 > CSS > css背景应用中的repeat-x与repeat-y各是什么意思

css背景应用中的repeat-x与repeat-y各是什么意思

来源: 作者: 时间:2015-10-31 10:14
经常使用repeat-x与repeat-y,那么你知道这些是什么意思吗。下面结合例子说明一下这两个属性的基本含义及用法
经常使用repeat-x与repeat-y,那么你知道这些是什么意思吗。下面结合例子说明一下这两个属性的基本含义及用法

复制代码
代码如下:

#header .nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;}

repeat-x是横向铺满,就是在#header .nav-box中,图片nav-box-bg.gif会横向重复,直到铺满;
repeat-y是纵向,就这么回事,如果不想重复,no-repeat.
Tag:
网友评论

<