色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css圖片從邊框填充

榮姿康1年前5瀏覽0評論

CSS中可以利用background-image屬性添加背景圖片,但如果需要實現圖片從邊框填充的效果,僅使用該屬性則無法滿足需求。為了實現這一效果,我們需要利用background-clip和background-origin屬性。

/* 簡單地設置背景圖片 */
div{
background-image: url('example.jpg');
}
/* 設置背景圖片從邊框填充 */
div{
/* 將background-clip設置為border-box */
background-clip: border-box;
/* 將background-origin設置為border-box */
background-origin: border-box;
/* 設置背景圖片 */
background-image: url('example.jpg');
}

其中,background-clip屬性用于設置背景圖片的裁剪區域,有以下取值:

  • border-box:裁剪到邊框的外部邊緣
  • padding-box:裁剪到padding區域的外部邊緣
  • content-box:裁剪到content區域的外部邊緣

而background-origin屬性則用于設置背景圖片的參考位置,有以下取值:

  • border-box:以邊框的外部邊緣作為參考位置
  • padding-box:以padding區域的外部邊緣作為參考位置
  • content-box:以content區域的外部邊緣作為參考位置

因此,當將background-clip和background-origin同時設置為border-box時,背景圖片就會從邊框填充。