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

css3怎么給菱形加邊框,CSS3給菱形加邊框的方法

前端小編 3 0

CSS3如何為菱形添加邊框

在CSS3中,我們可以使用border屬性為菱形添加邊框,以下是一個示例代碼:

.菱形 {
  width: 100px;
  height: 100px;
  background-color: #ff0000;
  border: 2px solid #000000;
  position: relative;
}
.菱形:before, .菱形:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 50px 50px;
  border-color: #ff0000 #ff0000 #ff0000 #ff0000;
}
.菱形:before {
  left: -50px;
  border-top-right-radius: 50px;
}
.菱形:after {
  right: -50px;
  border-top-left-radius: 50px;
}

在這個示例中,我們創(chuàng)建了一個類名為菱形的樣式,并為其添加了邊框,我們使用偽元素beforeafter來繪制菱形的兩個角,我們通過調(diào)整border-radius屬性來使菱形的角更加圓滑。

你可以將上述代碼復制到你的樣式表中,并應用到需要添加邊框的菱形元素上,記得根據(jù)你的需求調(diào)整樣式的具體數(shù)值。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
警花av一区二区三区| 精品国产污免费网站在线观看 | 国产色综合网| 亚洲AV无码一区二区三区在线| 亚洲一区二区三区久久| 国产无遮挡又黄又爽高潮| 中文字幕av专区| 99精品久久久久久久另类| 国产又爽又黄的网站| 欧美久久久久久久久久| 免费成人在线视频观看| 久久噜噜噜精品国产亚洲综合| 久久久久精品国产亚洲果冻| 国产区精品福利在线熟女| 国产精品三级国产精品高| 国产精品永久在线国在线| FREE女尿VIDOESEHD| 欧美成人无码片免费看A片秀色| 麻豆91精品91久久久| 国模无码视频一区二区三区| 久久精品99久久久久香蕉小说| 欧美日韩国产高清视频| 男女xxoo无遮挡动态啪啪 | 国产精品久久久久免费a∨大胸| 少妇久久人人爽人人爽人人片欧美| aaa国产毛片| 午夜福利在线观看一区| 亚洲97视频| 国产免费裸体视频| 午夜福利视频在线观看| 午夜久久网| 国产三级精品三级在线观看国产| 99久久免费看精品国产一区| 国产在视频一区二区三区吞精| 色婷婷综合久久久中文字幕| 精品国产乱码久久久久久绯色| 久久精品午夜一区二区福利| 国产精品久久久久久久美女直播| 亚洲天堂欧美| 亚洲精品国产精品久久| 午夜福利免费在线观看|