css怎樣截取圖片的一部分呢?
用絕對定位..
background-position: -186px -22px; 定位背景的具體位置..
比如你這個整體圖, 是一張背景 , 你就可以通過 background-position:XX
來定位 這個張背景圖的具體顯示那塊內(nèi)容.. 可以去試試..網(wǎng)上很多素材
光靠字面理解很難,最好自己動手實踐
方法一:
<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寬,實際高度進(jìn)行填充