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

css怎么寫出小三角,CSS小三角寫法攻略

前端小編 4 0

在CSS中,可以使用多種方法創(chuàng)建小三角,以下是一些常見的方法:

1、使用邊框?qū)傩裕和ㄟ^給元素添加邊框,并設(shè)置邊框顏色為透明,可以創(chuàng)建出小三角,以下代碼可以創(chuàng)建一個(gè)指向右側(cè)的三角形:

.triangle-right {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 100px solid #000;
}

2、使用偽元素:通過添加偽元素并設(shè)置其形狀為三角形,可以創(chuàng)建出小三角,以下代碼可以創(chuàng)建一個(gè)指向右側(cè)的三角形:

.triangle-right {
  position: relative;
}
.triangle-right::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 100px solid #000;
}

3、使用SVG:通過創(chuàng)建SVG元素并設(shè)置其形狀為三角形,可以創(chuàng)建出小三角,以下代碼可以創(chuàng)建一個(gè)指向右側(cè)的三角形:

<svg width="100" height="100">
  <polygon points="50,0 100,50 50,100" style="fill:#000;" />
</svg>

是創(chuàng)建小三角的三種常見方法,每種方法都有其優(yōu)缺點(diǎn),可以根據(jù)具體需求選擇適合的方法。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
娇喘呻吟趴在雪白肉体| 国产精品成人va在线观看| 亚洲欧美成人一区二区在线电影| 中文字幕人妻熟女人妻a62v网站 | 国产福利视频在线观看| 久久99久久久久久| 99国内精品久久久久久久| 国产精品一区二区三区四区不卡| 国产成人久久久精品二区三区| 琪琪午夜成人理论福利片| 国产中文字幕一区二区三区 | JAPANESEFREEXXX| 久久久永久久久人妻精品麻豆| 国产精品成人免费一区二区视频| 天天天综合网| 国产色综合天天综合网| 亚洲国产精品一区| 成人动漫h在线观看| 在线精品国产一区二区三区88| 中文字幕人妻丰满熟妇| 片免费看| 精品久久久av| 国产精品久久老熟女| 激情五月婷婷综合网| 热99在线| 国产精品一区二区欧美黑人喷潮水| 性欧美jizzhd13精品| 欧美日韩一区二区三区| 国产精品偷窥老熟女的高潮| 亚洲国产日韩欧美一区二区三区| 日本一线在线观看| 99精品国产综合久久久久五月天| 日日摸av| 播色屋97超碰在人人 | 欧美性猛交xxx乱大交3蜜桃| CHINESE性老妇老女人| 四虎国产精品永久地址998| 精品国产91久久久久久| 绝密543全集免费完整版| 久久久91精品国产一区二区三区| 337p亚洲精品色噜噜狠狠最新章节|