首页写一个浪漫的表白网页用html

写一个浪漫的表白网页用html

时间: 2023-10-03 14:05:04 浏览: 85

<!DOCTYPE html> <html> <head> <title>我的表白页面</title> <meta charset="utf-8"> <style> h1 { color: #ff69b4; font-size: 48px; text-align: center; margin-top: 50px; } p { font-size: 24px; color: #333; text-align: center; margin-top: 30px; } .btn { display: block; margin: 50px auto; padding: 10px 20px; font-size: 24px; border: none; background-color: #ff69b4; color: #fff; cursor: pointer; border-radius: 5px; box-shadow: 1px 1px 10px rgba(0,0,0,0.2); transition: all .3s ease-in-out; } .btn:hover { transform: scale(1.1); box-shadow: 1px 1px 15px rgba(0,0,0,0.3); } </style> </head> <body> <h1>亲爱的XXX</h1> <p>我想对你说：</p> <p>我喜欢你，喜欢得无法自拔，喜欢得心跳加速，喜欢得想要和你一起走过每一个美好的日子。</p> <p>你是我的阳光，是我的唯一，是我一生中最重要的人。</p> <p>我愿意陪你走过每一个难关，分享你的快乐，一起创造更美好的未来。</p> <p>如果你愿意，就请和我在一起吧！</p> <button class="btn">我愿意</button> </body> </html>

阅读全文