国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么只裁剪圖片的四個角,CSS圖片圓角裁剪

前端小編 6 0

CSS可以通過設(shè)置border-radius屬性來裁剪圖片的四個角,具體步驟如下:

1、給圖片添加border-radius屬性,并設(shè)置四個角的裁剪樣式,設(shè)置四個角為圓角:

img {
  border-radius: 10px;
}

2、如果需要裁剪四個角為不同的形狀,可以使用斜杠(/)來分別設(shè)置每個角的樣式,設(shè)置左上角為直角,右上角為圓角,左下角為橢圓形角,右下角為三角形角:

img {
  border-radius: 10px / 20px / 30px / 40px;
}

3、如果需要進一步的***控制,可以使用border-top-left-radiusborder-top-right-radius、border-bottom-left-radiusborder-bottom-right-radius屬性來分別設(shè)置每個角的樣式:

img {
  border-top-left-radius: 10px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 40px;
}

4、除了使用border-radius屬性外,還可以使用clip-path屬性來裁剪圖片,使用多邊形裁剪路徑來裁剪四個角:

img {
  clip-path: polygon(10%, 10%, 90%, 10%, 90%, 90%, 10%, 90%);
}

5、如果需要進一步的幫助或示例,可以參考CSS相關(guān)的文檔或在線資源。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
色婷婷wav一区二区| 春女怪谈在线高清观看2023年上映| 欧美精产国品一二三产品测评| 狠狠干一区二区三区| 亚洲欧美成人一区二区在线电影| 人与兽一级黄色片| 日韩精品一区二区三区四区视频| 一级sm调教免费观看| 婷婷色一区二区三区| 荷兰成人性大交视频| 欲望都市电影| 日本少妇高潮喷水XXXXXXX| 久久久夜色精品国产6区 | 99精产国品一二三产区区免费| 午夜免费视频| 99久久国产极品蜜臀AV酒店| 午夜精品久久久久99蜜桃最新章节| 久久久久久久一区二区| 日本xxxxxxxxx68护士| 欧美激情一区二区三区在线| 在线观看欧美一区二区| 亚洲欧美日韩国产精品| 校长揉捏陈若雪的奶头| 国产成人免费av一区二区午夜| 飘雪影院在线观看免费版高清| 国产精品激情免费视频| 四虎影视成人精品| 韩国一区二区三区视频| 国产精品视频| 国产又大又黄又粗视频| 久久免费国产精品| 人人妻人人爽视频| 男女爽爽爽视频| 97精品国产97久久久久久粉红| 熟女60路| 国产午夜精品视频| 五十路熟女中出| 韩国三级《美味人妻4》| 丰满人妻被黑人xxxx一区二区| 熟女少妇一区二区三区| 欧美日韩不卡在线|