1.等腰直角三角形:
https://www.cnblogs.com/FlyingLiao/p/9869040.html
2.任意三角形:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .yuanXing{ width:60px; border-top:30px solid black; border-bottom:30px solid red; border-left:30px solid blue; border-right:30px solid pink; } .dengYao2{ /* 在此以红色三角形为主 */ width:0px; /* border-top:60px solid white; */ /* 改变三角形的高 */ border-bottom:60px solid red; /* 改变三角形左边底 */ border-left:50px solid white; /* 改变三角形右边底 */ border-right:30px solid white; } </style> </head> <body> <div class="yuanXing"></div> <br/> <div class="dengYao2"></div> </body> </html>