首页帮我写一个html浪漫表白代码

帮我写一个html浪漫表白代码

时间: 2023-12-11 16:03:28 浏览: 88

当然可以！以下是一个简单的浪漫表白 HTML 代码： ```html <!DOCTYPE html> <html> <head> <title>浪漫表白</title> <style> body { background-color: #f7e9e3; font-family: 'Helvetica', sans-serif; } h1 { color: #c94c4c; text-align: center; margin-top: 50px; font-size: 60px; } p { color: #333; text-align: center; margin-top: 30px; font-size: 24px; } #heart { display: block; margin: 0 auto; fill: #c94c4c; width: 100px; height: 100px; margin-top: 50px; animation: pulse 1s infinite alternate; } @keyframes pulse { from { transform: scale(1); } to { transform: scale(1.1); } } </style> </head> <body> <h1>我爱你</h1> <p>亲爱的，你是我的生命中最美好的事情，我会一直爱你直到永远。</p> <svg id="heart" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path d="M256 482.7C-39.5 277.7 43.4 27.2 256 0c212.6 27.2 295.5 277.7 0 482.7z"/> </svg> </body> </html> ``` 这个代码会生成一个红色的心形图案，上面写着“我爱你”，下面写着一段简短的表白话语。你可以通过修改 CSS 样式和 HTML 内容来自定义你自己的表白页面，让它更具个性化和浪漫气息。

阅读全文