点评:经常使用repeat-x与repeat-y,那么你知道这些是什么意思吗。下面结合例子说明一下这两个属性的基本含义及用法
EHqHTML5中文学习网 - HTML5先行者学习网
#header .nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;} EHqHTML5中文学习网 - HTML5先行者学习网
EHqHTML5中文学习网 - HTML5先行者学习网repeat-x是横向铺满,就是在#header .nav-box中,图片nav-box-bg.gif会横向重复,直到铺满;
EHqHTML5中文学习网 - HTML5先行者学习网repeat-y是纵向,就这么回事,如果不想重复,no-repeat.