下面介紹CSS畫三角形的原理
一、首先畫一個div牡辽,給它寬高和背景顏色。再加上四條邊的邊框催享。
二因妙、div的width票髓、height置零铣耘,看看效果。(注意裆操,這里把div的背景顏色也去掉炉媒。因為背景顏色是擴展到邊框的,如果不去掉背景顏色吊骤,那么下面背景顏色會顯示在透明的邊框上。)
三传泊、下面把左鸭巴、右邊框變成透明
四鹃祖、去掉下邊框。下面是等腰三角形
CSS三角形原理是:元素高度寬度為0惯豆,且沒有下邊框,左右邊框透明即可地熄。
要想畫直角三角形。直接去掉右邊框即可端考。
參考文獻:
https://www.zhihu.com/question/35180018