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

圖片css怎么設(shè)置圓角和遮罩,CSS設(shè)置圖片圓角和遮罩的方法

前端小編 7 0

設(shè)置圖片CSS圓角和遮罩

在CSS中,我們可以使用border-radius屬性來設(shè)置圖片的圓角,這個(gè)屬性可以接收一個(gè)值,該值可以是像素、百分比或者em單位,如果我們想要將圖片的四個(gè)角都設(shè)置為20像素的圓角,我們可以這樣寫:

img {
  border-radius: 20px;
}

如果想要設(shè)置不同大小的圓角,我們可以分別指定四個(gè)角的半徑,

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

這樣,圖片的上右角半徑為20像素,下右角半徑為40像素,上左角半徑為30像素,下左角半徑為50像素。

***于遮罩,CSS中并沒有直接的遮罩屬性,我們可以通過使用偽元素或者背景圖像來實(shí)現(xiàn)遮罩效果,我們可以使用偽元素來創(chuàng)建一個(gè)覆蓋在圖片上的遮罩層:

img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

這樣,圖片上就會(huì)有一個(gè)半透明的黑色遮罩層,我們可以改變r(jià)gba的顏色值來調(diào)整遮罩的顏色和透明度,也可以通過改變z-index來調(diào)整遮罩層的堆疊順序。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
精品人妻少妇一区二三区四虎狼人| 精品少妇人妻AV免费久久三叶草 | 国产精品久久久久久久久久99| 久久久久人妻精品一区三寸| 午夜精品久久久久久久99黑人| 日韩a毛片| 久久久久av久精品日产一区免费| 蜜桃av人人夜夜澡人人爽| jizzjizz中国女人高潮| 精品国产乱码久久久久久图片| 精品亚洲成a人片在线观看少妇| 国产性猛交╳xxx乱大交一区| 少妇把腿扒开让我爽爽视频| 国产A√精品区二区三区四区| 国产美女视频一区二区三区| 国产中文字幕在线| 91久久精品人妻中文字幕| 欧美一级日韩三级| 国产 日韩 欧美在线| 99国产精品久久久久久久| 白洁被赵振干到高潮是哪章| 国产精品美女久久久久久免费| 成人欧美一区二区三区小说| 欧美午夜久久| 一级丰满老熟女免费视频| 天干天干天夜夜爽| 99久久大香伊蕉在人线国产| 精品人妻无码一区二区三区四川人 | 精品视频一区二区三区四区| 精品人人妻| 四十路熟女av| 国产丝袜脚交| 国产一线二线三线www| 97精品人人揉人妻人人玩| 久久久久久成人网| 国产精品日韩av| 欧美亚洲视频在线播放| 日韩精品视频免费| 日韩欧美大片免费观看| 91精品一区二区三区久久久久久 | 69久久夜色精品国产69|