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

css里三角符號怎么打,CSS里三角符號的打法

前端小編 4 0

在CSS中,可以使用多種方法制作三角符號,以下是兩種常見的方法:

1、使用邊框?qū)傩裕和ㄟ^給元素添加邊框,并設置邊框?qū)挾群皖伾梢灾谱鞒鋈欠?,以下代碼可以制作一個指向右側(cè)的三角符號:

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

這個例子中,元素的高度和寬度都設置為0,只保留邊框,通過調(diào)整邊框的寬度和顏色,可以制作出不同大小和顏色的三角符號。

2、使用偽元素:使用偽元素(如::before::after)可以在元素的內(nèi)容前后添加內(nèi)容或裝飾,通過給偽元素添加邊框和背景色,也可以制作出三角符號,以下代碼可以制作一個指向左側(cè)的三角符號:

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

這個例子中,通過給偽元素添加邊框和背景色,制作出指向左側(cè)的三角符號,注意,需要給父元素設置position: relative;,以便給偽元素定位。

是兩種常見的制作三角符號的方法,可以根據(jù)具體需求選擇適合的方法。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
99精品产国品一二三产区| 97人妻精品一区二区三区动漫| 国产aⅴ精品一区二区三区久久 | aaaa级国产大片直接观看调教| av在线区| 色翁荡熄又大又硬又粗又长免费| 国产剧情av麻豆香蕉精品| 无码精品一区二区三区四区爱奇艺| 免费看男女做爰爽爽视频| 午夜少妇av| 波多野结衣电影在线观看| 国产精品成人久久久久| 俺来也俺也去在线看| 51国精产品自偷自偷综合| 午夜精品一区二区三区在线视| 毛片少妇| 佐山爱隔壁人妻中文字幕| 少妇屁股丰满诱人| 人妻一二三区| 国产伦一区二区三区免费视频| 国产精品国产亚洲精品看不卡软件| 国内自拍偷第55页| 五十六十老熟女毛片| 又粗又爽高潮午夜免费视频| 成全视频观看免费高清| 美女浓毛ass撒尿pics| 国产性猛交xxxx乱| 91久久国产最好的精华液| 久久99久国产精品黄毛片入口| 中文字幕乱码人妻一区二区三区| 蜜桃人妻ⅴ一v二精品视频| AV在线视频| 国产黄在线免费观看| 人人妻人人澡人人爽人人精品99| 草草影视ccyy国产日本| 打开免费观看视频在线观看高清| av午夜在线| 久久高清尿小便嘘嘘| 色乱码一区二区三区熟女| 少妇裸交全过程| а天堂中文在线官网在线|