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