经常使用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.