欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css3 crop 圖片

林雅南1年前8瀏覽0評論

CSS3中的crop屬性可以用來裁剪圖片,讓其只顯示需要的部分,而不必通過圖片編輯軟件進行剪裁。crop屬性需要搭配其他屬性一起使用。

img{
position: absolute;
clip: rect(0px,60px,200px,0px);
}

上面的代碼是一個例子。clip屬性表示要剪裁的區域,其中四個參數分別表示上、右、下、左邊界的位置,單位為像素。在這個例子中,圖片的左上角坐標為(0,0),因此clip的左邊界為0px,右邊界為60px,上邊界為0px,下邊界為200px,即只顯示圖片的左上角部分。

除了clip屬性,還可以使用對象的width和height屬性來實現裁剪。這兩個屬性分別表示對象的寬度和高度,可以通過改變其值來剪裁圖片。

img{
width: 200px;
height: 200px;
overflow: hidden;
}

上面的代碼使用了overflow屬性,表示超過對象尺寸的部分不顯示,實現了類似剪裁的效果。通過改變width和height的值,可以調整圖片的顯示部分。