CSS系列教程：利用clip剪裁矩形圖片

　　網(wǎng)(LieHuo.Net)教程 應(yīng)用clip屬性需要注意的兩點(diǎn)：

　　一、clip屬性必須和定位屬性postion一起使用才能生效。

　　二、clip裁切的計(jì)算坐標(biāo)都是以左上角即（0,0）點(diǎn)開始計(jì)算，如圖三所示，這點(diǎn)不像padding和margin，它們兩個的右邊距和下邊距是從最右邊和最下邊開始計(jì)算的。

　　clip屬性設(shè)置元素的形狀。這個屬性用于定義一個剪裁矩形。在這個矩形內(nèi)的內(nèi)容才可見，出了這個剪裁區(qū)域的內(nèi)容和 overflow:hidden 的效果相同。剪裁區(qū)域可能比元素的內(nèi)容區(qū)大，也可能比內(nèi)容區(qū)小。

　　clip屬性值：auto | rect (top, right, bottom, left)

　　auto代表不裁切，rect中的上右下左四個方向填入的應(yīng)是數(shù)值，表示裁切的位置。

　　div的定位屬性設(shè)置為相對定位是為了讓圖片以它為定位標(biāo)準(zhǔn)，將背景定義為#FFF985是為了讓顯示效果更明顯。圖片的絕對定位是相對于id為Clip的div而言的，clip中的數(shù)值按照上右下左的順序排列的。

　　本文轉(zhuǎn)自：http://www.cnblogs.com/mslove/

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈