【图形】CSS绘制十字架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <base target="_blank" /> <title>三十客 - 【图形】CSS绘制十字架</title> <style> #cross { background: red; height: 200px; position: relative; width: 40px; margin: 20px 0 0 100px; } #cross:after { background: red; content: ""; height: 40px; left: -80px; position: absolute; top: 80px; width: 200px; } </style> </head> <body> <div id="cross"></div> </body> </html>