【图形】CSS绘制三角形(尖角向右)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <base target="_blank" /> <title>三十客 - 【图形】CSS绘制三角形</title> <style> #triangle-right { width: 0; height: 0; border-top: 100px solid transparent; border-left: 200px solid red; border-bottom: 100px solid transparent; } </style> </head> <body> <div id="triangle-right"></div> </body> </html>