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

css怎么把圖片多余的部分隱藏,CSS圖片隱藏多余部分的方法

前端小編 5 0

CSS中可以使用object-fit屬性來控制圖片的大小和形狀,從而實現(xiàn)將圖片多余的部分隱藏,該屬性可以指定圖片如何適應(yīng)其容器的大小,

img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

在上面的代碼中,img元素的寬度和高度都設(shè)置為100像素,并使用object-fit: cover;縮放以適應(yīng)其容器的大小,如果圖片的尺寸大于容器的大小,那么圖片的多余部分就會被裁剪并隱藏。

CSS中還有clip-path屬性可以用來裁剪圖片的形狀,通過定義裁剪路徑,可以隱藏圖片的多余部分,

img {
  width: 100px;
  height: 100px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

在上面的代碼中,img元素的寬度和高度都設(shè)置為100像素,并使用clip-path屬性定義了裁剪路徑,該路徑將圖片裁剪成一個多邊形形狀,從而隱藏了圖片的多余部分。

需要注意的是,object-fitclip-path屬性在不同的瀏覽器中有不同的支持程度,在使用這些屬性時,需要確保目標瀏覽器支持它們。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
一本色道久久综合狠狠躁的推荐 | 天天做天天爱夜夜爽毛片毛片| 日产精品一区二区三区四区| 春色校园综合激情亚洲| 国产伦精品一区二区三区视频黑人 | 直播夜色app| 50岁少妇一晚要二次| 超黄网站在线观看| 亚洲人久久| 欧美日韩免费播放| 欧美极品jizzhd高清| 看真人裸体bbbb| 国产日韩亚洲精品av| 色婷婷综合久久久| av毛片免费观看| 宝贝乖~胸罩脱了让我揉你的胸| 国产午夜福利一区二区| 国产chinasex麻豆videos| 日本三区在线观看| 国产精品久久久久久久9999| 人人添人人澡久久婷亚洲av| 国产偷自视频区视频一区二区 | 97se亚洲国产综合自在线小说| 国产精品久久久久久久网站门| 国产精品一区二区av白丝下载| 欧美日韩人妻精品| 啊灬啊灬快灬深高潮了| 国产免费av一区二区三区| 亚洲精品午夜久久久久久久灵蛇爱| 中文字幕女人妻热女人妻| 午夜精品视频一区二区三区在线看 | 丰满白胖老熟女浓毛| 亚洲熟妇av一区二区蜜桃第1集| 国产三级生活片| 成人免费大片黄在线观看下载| 欧美成人吸奶水做爰| 亚洲av日韩av天堂久久| 国产成人精品亚洲| 97久久国产精品| 人人爽人人爽人人片av| 蜜臀av在线免费观看|