CSS中可以通過background-position屬性從圖片中間截取需要的部分。
background-image: url('image.jpg'); /* 設置背景圖片 */ background-size: cover; /* 背景圖鋪滿整個區域 */ background-position: center center; /* 設置背景圖片從中間截取 */
在這段代碼中,我們先設置背景圖片為image.jpg,然后使用background-size屬性將背景圖鋪滿整個區域。接著,通過background-position屬性來指定背景圖片的位置,從中間截取圖片。
background-image: url('image.jpg'); /* 設置背景圖片 */ background-size: 100% auto; /* 背景圖寬度鋪滿,高度自適應 */ background-position: center center; /* 設置背景圖片從中間截取 */
另外,如果我們不想讓背景圖片從上往下鋪滿整個區域,可以將background-size的高度設置為auto。這樣就可以讓背景圖寬度鋪滿整個區域,高度自適應。
這樣,在我們的網站中,就可以快速地使用CSS來截取圖片中間的部分,美化我們的頁面。