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

css怎么寫(xiě)正六邊形,CSS繪制正六邊形

前端小編 4 0

寫(xiě)正六邊形在CSS中是一個(gè)常見(jiàn)的需求,通常可以通過(guò)使用CSS的邊框?qū)傩詠?lái)實(shí)現(xiàn),以下是一個(gè)簡(jiǎn)單的示例,展示了如何使用CSS來(lái)創(chuàng)建一個(gè)正六邊形:

.hexagon {
  position: relative;
  width: 100px; /* 寬度 */
  height: 57.74px; /* 高度大約是寬度的√3/2 */
  background-color: #333; /* 背景顏色 */
  border-radius: 29.87px; /* 圓角半徑大約是高度的√3/2 */
}
.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-style: solid;
  border-width: 29.87px 0 0 29.87px; /* 上邊框?qū)挾?*/
  border-color: #333 transparent transparent #333; /* 上邊框顏色 */
}
.hexagon:before {
  top: -29.87px; /* 上邊框位置 */
  left: 0; /* 左偏移 */
}
.hexagon:after {
  top: -29.87px; /* 上邊框位置 */
  right: 0; /* 右偏移 */
}

這個(gè)CSS代碼創(chuàng)建了一個(gè)正六邊形,其中.hexagon類(lèi)定義了正六邊形的基本樣式,包括寬度、高度和背景顏色。border-radius屬性設(shè)置了圓角半徑,使得正六邊形的角變得平滑。beforeafter偽元素則負(fù)責(zé)繪制正六邊形的上邊框,通過(guò)調(diào)整邊框的寬度和顏色,可以定制正六邊形的樣式,這種方法簡(jiǎn)單且靈活,適用于各種設(shè)計(jì)需求。

 
QQ在線咨詢(xún)
QQ咨詢(xún)
627619058
微信咨詢(xún)
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
女人被男人躁得好爽免费视频| 蜜桃在线视频| 国产精品欧美一区二区三区不卡| 老女人被添荫蒂视频| 日韩欧美在线电影| 热99在线| 丰满的少妇xxxxx人妻| 亚洲AV无码精品网站| 久久婷婷综合国产精品| 中文乱码字幕精品高清国产av| 男人狂躁女人女人40分钟视频| 天天综合网久久| 99久久精品免费| 久久精品re| jizz成人国产在线观看免费看| 国内精品国产三级国产在线专| 欧美成人精品一区二区男人小说| 亚洲国产精品嫩草久久久久| 亚洲AV无码乱码精品国产39| 亚洲无人区码一码二码三码的含义| 国产精品成年人免费视频| 精品人妻一二三区| 人妻人人澡| 欧美蜜桃精品久久久久久| 色天天综合久久久久综合片| 国产成人亚洲精品乱码在线观看| 在线人妻少妇| 久久中文人妻| 国产欧美日韩成人| 久久五十路丰满老熟女中出| 亚洲码和欧洲码一码二码三码| 四虎永久在线精品| 欧美性久久久久久| 极品嫩苞喷水爆白浆视频| 精品亚洲一区二区三区| 少妇视频一区二区三区| 国产精品国产三级国产aⅴ9色| 《年轻女教师3》韩国 | 国产又粗又猛又黄又爽无遮挡海宁 | 久久综合九色综合欧美狠狠| 国产自产av一区二区三区性色|