位置:首頁(yè) > 軟件操作教程 > 編程開發(fā) > CSS > 問(wèn)題詳情

怎么用CSS樣式裁剪圖片?

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-11-06

裁切clip

剪裁(clip)屬性針對(duì)絕對(duì)定位元素進(jìn)行剪裁,實(shí)現(xiàn)對(duì)元素的部分顯示,必須將position的值設(shè)為absolute、fixed等絕對(duì)定位方式,此屬性才可使用。

基本語(yǔ)法:

clip:auto|<shape>

<shape>:rect(<number>|auto<number>|auto<number>|auto<number>|auto)

語(yǔ)法說(shuō)明:

auto:默認(rèn),不裁剪。

rect(<number>|auto<number>|auto<number>|auto<number>|auto):依據(jù)上-右-下左的順序提供以對(duì)象左上角為(0,0)坐標(biāo)計(jì)算的四個(gè)偏移數(shù)值,其中任一數(shù)值都可以用auto替換,即此邊不剪切。image.png

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部