轉自https://www.cnblogs.com/huangzhilong/p/5030659.html 以前用過css3畫過下拉菜單里文字后面的“下拉三角符號”，類似於下面這張圖片文字后面三角符號的效果 下面是一個很簡單的向上的三角形代碼 1 ...

<div id="div1"></div><div id="div2"></div><div id="div3"></div&g ...

使用css畫三角形，首先想到的思路是：利用border邊框樣式來實現，這是由於border的邊框是由四個三角形組成的。 首先生成一個帶邊框寬高為0的div： <style> .dom{ width: 0px; height: 0px; border-width ...

帶邊框的三角形 氣泡三角形 ...

閑來無事，寫寫圖形。當時鞏固一下css3吧.。前端小白，寫的不好還請前輩多指教。 三角形 圓形 梯形 平行四邊形 菱形（實現方法有很多，這里只是兩個三角形合並，也就是正三角和倒三角） 橢圓形 ...

...

實例一： 實現的效果如下圖： 實例二： 實現的效果如下圖： ...

用border畫三角形，實際上屬於一種奇淫巧技。 利用的是border的一個特性：當一個元素的寬高都為0時，給border設置寬度（至少給2個相鄰的邊框設置寬度），border就會撐開這個元素。 四個邊框同時設置寬度時，四個邊最后在元素的中心匯成一個點。 因此當我們給一個有寬高的元素 ...