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

css怎么打出三角形,CSS實現(xiàn)三角形效果

前端小編 5 0

在CSS中,我們可以使用多種方法創(chuàng)建三角形,以下是兩種常見的方法:

1、使用邊框?qū)傩裕?/p>

我們可以利用CSS的邊框?qū)傩詠韯?chuàng)建等邊三角形,具體方法是設(shè)置元素的三條邊框?qū)挾认嗟?,并隱藏第四條邊框。

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

上述代碼會創(chuàng)建一個紅色的等邊三角形,底邊寬度為100px。

2、使用線性漸變背景:

另一種方法是使用線性漸變背景來創(chuàng)建三角形,具體方法是設(shè)置一個元素的背景為線性漸變,漸變方向為45度,顏色從透明漸變到指定顏色。

.triangle {
  width: 100px;
  height: 100px;
  background: linear-gradient(45deg, transparent, red);
}

上述代碼會創(chuàng)建一個紅色的三角形,寬度和高度都為100px。

是兩種常見的CSS創(chuàng)建三角形的方法,你可以根據(jù)自己的需求選擇適合的方法。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
乱精品一区字幕二区| 国产欧美久久久久久精品四区借种| 国产一线二线三线www| japanese老熟妇乱子伦| heyzo精品人妻少妇| 国产老熟女一区二区三区| 永久av免费看| 81国产精品久久久久久久久久| 国产精品一区二区三区免费观看| 久久蜜桃av一区二区天堂| 日韩成人午夜福利| 久久久久亚洲精品乱码按摩| 久久蜜桃网| 中文字幕日韩精品成人免费区二区| 性高湖久久久久久久久AAAAA| 99成人乱码一区二区三区AV| 日本肉体裸交BBBBB| 屁屁影院第一页| 无码少妇一区二区三区芒果| 成人性生生活性生交一| 欧美久久人妻| 97人人模人人爽人人喊0| 精品人妻在线一区二区三区| 亚洲国产成人久久| 东京热久久久久久| 久久综合综合| 中文字幕熟女人妻丝袜丝松岛枫| 国产精品三区在线观看| 亚洲av乱码一区二区三区老胖妞| 精品国产午夜| 中文字幕欧美一区二区三区| 久久久精品影院| 少妇被爽到高潮喷水久久欧美精品 | 色婷婷亚洲| 操大屁股熟女| 国产69久久| 99久久香蕉| 国产老熟女高潮毛片A片仙踪林| 精品久久久久人妻| 国产精品嫩草久久久久yw193| 精品午夜一区二区三区在线观看|