首页使用html代码写一个爱心

使用html代码写一个爱心

时间: 2023-10-26 15:03:24 浏览: 76

以下是一个使用 HTML 代码实现的爱心： ```html <!DOCTYPE html> <html> <head> <title>爱心</title> </head> <body> <div style="width: 50px; height: 50px; position: relative;"> <div style="width: 50px; height: 50px; transform: rotate(45deg); position: absolute; top: -15px; left: 0;"> <div style="width: 50px; height: 50px; transform: rotate(45deg); position: absolute; top: 0; left: -15px;"></div> <div style="width: 50px; height: 50px; transform: rotate(45deg); position: absolute; top: 0; left: 15px;"></div> </div> <div style="width: 50px; height: 50px; transform: rotate(-45deg); position: absolute; top: -15px; left: 0;"> <div style="width: 50px; height: 50px; transform: rotate(-45deg); position: absolute; top: 0; left: -15px;"></div> <div style="width: 50px; height: 50px; transform: rotate(-45deg); position: absolute; top: 0; left: 15px;"></div> </div> </div> </body> </html> ``` 在浏览器中打开该 HTML 文件后，即可看到一个简单的爱心。

阅读全文