用css「畫」乙個三角形的原理就是利用邊框重疊。
1.首先看一下「畫」四個梯形的思路：構建乙個div塊，並且讓其四周都有邊框：
div
其實我們所看到的這四個梯形是這個div塊的四個邊框。至於為什麼每兩個邊框衝突時都會產生乙個斜邊，原因如下：
假設現在去掉最下面黑色的邊框，結果如下：
因此，左邊斜線以左
2.接著」畫「四個三角形。由於上面寬度的設定，中間content部分仍然具有寬高導致四周構成梯形，那麼可以把中間content部分寬高設為0，即可得到四個等腰三角形。
div
此時，我們可以根據自己的需要得到頂點朝向任意方向的三角形。例如要得到最低端的黑色三角形，只需將其他三個方向的邊框顏色設定為透明即可。
div
方法和三角形的原理相似，只是在確定邊的時候進行數學計算即可。通過邊框比例1比根號3，讓其三角形夾腳一半兒為30度從而做出60度的正三角形。
div
CSS畫出乙個三角形
今天做轉盤，需要有乙個三角形的指標，考慮到不想載入乙個，就想能不能自己畫乙個。開始還真沒畫對，老師給指點了以後，明白了怎麼畫。html 用css畫乙個三角形title charset utf 8 rel stylesheet type text css href css style.css head...
用css製作乙個三角形箭頭
用css製作乙個三角形箭頭 三角形我們經常用在列表 下拉提示 麵包屑導航的位置，給使用者以導向的引導作用，比如，在有下拉列表的地方，我們可以用向下的箭頭，在列表的時候，我們能告訴使用者每個列表項和下乙個列表項的關係，當在麵包屑導航中，能讓使用者了解他現在所處的欄目或者頻道。我們有哪些方法來實現它呢，...
用純css寫乙個三角形
用css實現 lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle lang en charset utf 8 name viewport content widt...