div{ width:700px; height:700px; border:1px solid red; background-image:url("image/img.png"); /* 默认全部是平铺 */ } .div1{ background-repeat:repeat-x; /* 水平平铺 */ } .div2{ background-repeat:repeat-y; /* 垂直平铺 */ } .div3{ background-repeat:no-repeat; /* 不平铺 */ }
对应分别： 颜色 图片 图片位置 平铺方式
background:gray url("../image/img.png") right no-repeat;
背景图片定位
background-position:185px 2px;