提供一些HTML中用于制作表白页面的常见代码示例或者模板？

原创于 2024-12-21 13:07:52 发布

· 201 阅读

0 ·

版权

文章标签：

#javascript #开发语言 #ecmascript

以下是一个简单的HTML代码示例，用于制作一个表白页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表白页面</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        h1 {
            font-size: 36px;
            color: #ff0000;
            margin-top: 50px;
        }
        
        p {
            font-size: 24px;
            margin-top: 20px;
        }
        
        .btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #ff0000;
            color: #fff;
            text-decoration: none;
            font-size: 18px;
            margin-top: 30px;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <h1>亲爱的，我爱你！</h1>
    <p>你是我的唯一，我愿意陪你一起走完人生的每一天。</p>
    <p>请你接受我真挚的表白！</p>
    <a href="https://your-relationship-status.com" class="btn">接受表白</a>
</body>
</html>

你可以根据自己的需要进行样式的修改，例如更改文字颜色、背景颜色、字体样式等。同时，你也可以根据自己的实际情况，修改href属性中指向的链接，这个链接可以是一个用于确认表白的页面或者任何你想要链接到的页面。