background-position: -186px -22px 定位背景的具体位置..
比如你这个整体图, 是一张背景 , 你就可以通过 background-position:XX
来定位 这个张背景图的具体显示那块内容.. 可以去试试..网上很多素材
光靠字面理解很难，最好自己动手实践
方法一：
<div style="width:600pxheight:200pxbackground:url(路径图片中间部分切成1px宽) repeat-x">
<img src="路径图片左圆角" style="float:left"/>
<img src="路径图片右圆角" style="float:right"/>
</div>
方法二：
<div style="width:600pxheight:200pxbackground:url(图片中间部分切成1px宽)">
<div style="background:url(路径图片左圆角) no-repeatfloat:leftwidth:左圆角宽pxheight:左圆角高px">
<div style="background:url(路径图片右圆角) no-repeatfloat:rightwidth:右圆角宽pxheight:右圆角高px">
</div>
注：切图时，圆角图片一定要连着圆角外的白色部分一起切，中间填充部分可以只切1px宽，实际高度进行填充
url(dot_01.gif)的话就说明这个图片和CSS文件在同一个目录下，比如CSS文件是在http://www.pplive.com/zh-cn/目录下，那么dot_01.gif也在http://www.pplive.com/zh-cn/下面。所以真正的地址是http://www.pplive.com/zh-cn/dot_01.gif
上面是推断，没有去看CSS地址。
