这一个html 表白网页代码
时间: 2023-08-02 16:28:59 浏览: 46
以下是一个简单的表白网页的HTML代码,您可以根据自己的需求进行修改和美化:
```html
<!DOCTYPE html>
<html>
<head>
<title>表白网页</title>
<meta charset="utf-8">
<style>
body {
background-color: pink;
font-family: "微软雅黑";
text-align: center;
}
h1 {
font-size: 48px;
margin-top: 100px;
}
p {
font-size: 24px;
margin-top: 50px;
margin-bottom: 50px;
}
img {
width: 300px;
height: 300px;
border-radius: 50%;
margin-top: 50px;
margin-bottom: 50px;
}
</style>
</head>
<body>
<h1>我对你的感觉</h1>
<img src="https://picsum.photos/300" alt="图片">
<p>我喜欢你的微笑,喜欢你的眼神,喜欢你的一切。</p>
<p>我想和你一起走下去,共同经历人生中的每一个美好瞬间。</p>
<p>我爱你,我的心上人。</p>
</body>
</html>
```
此代码实现了一个简单的表白网页,包含了标题、图片和表白的内容,采用了简单的CSS样式美化页面。请注意,此代码仅供参考,您可以根据自己的需求进行修改和完善。