HTML5表白頁面源代碼
<!DOCTYPE html>
<html>
<!-- 表白頁面的頭部部分 -->
<head>
<meta charset="UTF-8">
<title>表白頁面</title>
<style>
body{
background: #f4f4f4;
font-family: Arial, Typeface, sans-serif;
}
.container{
width: 60%;
margin: 0 auto;
background: #fff;
padding: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,.5);
}
h1{
text-align: center;
font-size: 36px;
color: #353535;
}
p{
font-size: 18px;
color: #666;
line-height: 1.8;
margin-top: 20px;
}
.love-letter{
font-size: 24px;
color: #666;
margin-top: 30px;
}
button{
background: #f53d3d;
border: none;
color: #fff;
padding: 10px 20px;
font-size: 16px;
margin-top: 30px;
cursor: pointer;
}
button:hover{
background: #d60c0c;
}
</style>
</head>
<!-- 表白頁面的主體部分 -->
<body>
<div class="container">
<h1>表白頁面</h1>
<p>親愛的，我想告訴你，我喜歡你已經很久了。每天早上醒來，第一件事情就是想著你，想著能夠和你在一起的美好未來。</p>
<p>我知道我們之間可能會有很多困難和阻礙，但是我相信，只要我們一起努力，一定會有一個美好的未來等著我們。</p>
<p>我想對你說，我愿意一直陪伴在你的身邊，不離不棄，直到永遠。</p>
<p class="love-letter">親愛的，這是我的愛情信，希望你能夠接受我的愛。</p>
<button>我愛你</button>
</div>
</body>
</html>下一篇html5表白源代碼