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

css六邊形怎么加邊框陰影,CSS六邊形加邊框陰影的方法

前端小編 5 0

在CSS中,為六邊形添加邊框和陰影是一個(gè)常見的需求,下面是一些示例代碼,展示如何實(shí)現(xiàn)這一功能:

1、添加邊框

使用border屬性可以為六邊形添加邊框,如果你想添加一個(gè)寬度為2px的實(shí)線邊框,可以使用以下代碼:

.hexagon {
  position: relative;
  width: 100px;
  height: 57.74px;
  border: 2px solid #000;
}

2、添加陰影

使用box-shadow屬性可以為六邊形添加陰影,添加一個(gè)偏移量為5px的陰影,可以使用以下代碼:

.hexagon {
  position: relative;
  width: 100px;
  height: 57.74px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

3、綜合應(yīng)用

你可以將邊框和陰影屬性結(jié)合起來(lái),為六邊形添加邊框和陰影。

.hexagon {
  position: relative;
  width: 100px;
  height: 57.74px;
  border: 2px solid #000;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

上述代碼中的position: relative;是必需的,因?yàn)樗试S我們?cè)诹呅蝺?nèi)部繪制陰影,而不會(huì)影響到其他元素的位置。widthheight屬性是根據(jù)等邊六邊形的性質(zhì)設(shè)置的,確保六邊形的形狀正確顯示。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
国产精品综合区久久久久优播av | 亚洲女同老熟女老女人的综合| 百度一下 你就知道| 久久一区二区国产| 娇妻4P被八个男人伺候电影| 好吊色视频一区二区| 国产人妻精品一区二区三区99| 老司机午夜精品视频| 露出调教撅起屁股的美女图片 | 农村少妇一区二区三区蜜桃| 国产熟女露脸对白硬了精品| 午夜国产精品国产| 极品美女极度色诱高清视频| 成人H视频在线观看| 久久久久久999| 久久久久av一区二区三区| 少妇视频在线播放| 日韩国产成人在线| 国产成人桃色av免费| 亚洲v欧美v国产v在线观看| 18毛片中国女人好多水| freexxx69性欧美hd| 国产一区二区三区视频| 久久成人午夜| 欧美日韩久久久精品| 国产熟女高潮大合集| 国产精品一区二区三区免费看 | chinese少妇高潮喷水2| 91精品国产91久久久久游泳池 | 亚洲欧美精品久久| 国产suv精品一区二区四 | 午夜精品久久久久久久| 国产三级精品在线| 色94色欧美sute亚洲线路二 | 亚洲熟妇一区二区| 丰满少妇被猛烈插入| 扒开双腿疯狂进出爽爽爽| 亚洲春色在线观看| japanesehd人妻| 粗大的内捧猛烈进出在线视频| 九九热久久这里只有精品|