標籤：lan utf-8 透明 charset oct http img 技術分享 body
有以下一段html代碼：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .triangle_up{ height:0px; width:0px; border-bottom:50px solid red; border-left:50px solid transparent ; border-right:50px solid transparent ;} </style></head><body> <div class="triangle_up"></div> </body></html>
把CSS改一改：
.triangle_up{ height:0px; width:0px; border-bottom:50px solid red; border-left:50px solid ; border-right:50px solid ;}
還是暈，再把寬高改一改：
寬高再改一改：
瞬間恍然大悟。
塊的寬高都為0。又巧妙設定了透明。所以看起來就是一個三角形！
HTML border CSS輸出三角形
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
