css问题！如何提取图片中的一部分

来源：百度知道 编辑：UC知道 时间：2024/06/24 16:32:22
图片是圆角的左右两边，怎么写代码才能做到把图片区分开，左边的就用左边的圆角，右边的用右边的圆角。因为这张图片就整个是一幅图片。
高手帮帮忙
我就是想知道这个代码怎么写

用绝对定位..

background-position: -186px -22px; 定位背景的具体位置..

比如你这个整体图, 是一张背景 , 你就可以通过 background-position:XX
来定位 这个张背景图的具体显示那块内容.. 可以去试试..网上很多素材

光靠字面理解很难，最好自己动手实践
方法一：
<div style="width:600px;height:200px;background:url(路径图片中间部分切成1px宽) repeat-x">
<img src="路径图片左圆角" style="float:left"/>
<img src="路径图片右圆角" style="float:right"/>
</div>

方法二：
<div style="width:600px;height:200px;background:url(图片中间部分切成1px宽)">
<div style="background:url(路径图片左圆角) no-repeat;float:left;width:左圆角宽px;height:左圆角高px">
<div style="background:url(路径图片右圆角) no-repeat;float:right;width:右圆角宽px;height:右圆角高px">
</div>

注：切图时，圆角图片一定要连着圆角外的白色部分一起切，中间填充部分可以只切1px宽，实际高度进行填充

光靠字面理解很难，最好自己动手实践
方法一：
<div style="width:600px;height:200px;background:url(路径图片中间部分切成1px宽) rep