這篇文章主要介紹了css中使用clip屬性的案例，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

css clip 屬性用來設置元素的形狀。用來剪裁絕對定位元素。當一幅圖像的尺寸大于包含它的元素時，"clip" 屬性允許規定一個元素的可見尺寸，這樣此元素就會被修剪并顯示在這個元素中。

使用css clip屬性需要注意以下三點：

1.clip屬性只能用于絕對定位元素，position:absolute或fixed。

2.clip屬性有三種取值：auto  默認的;inherit繼承父級的;一個定義好的形狀，但現在只能是方形的 rect(),clip: { shape | auto | inherit }

3.shape   rect(, , , )中的四個元素不可省略。

實例

原圖和頁面顯示圖片如下：

原圖

頁面顯示圖

感謝你能夠認真閱讀完這篇文章，希望小編分享css中使用clip屬性的案例內容對大家有幫助，同時也希望大家多多支持創新互聯建站，關注創新互聯網站制作公司行業資訊頻道，遇到問題就找創新互聯建站，詳細的解決方法等著你來學習!