父亲节祝福html源码
时间: 2024-06-17 21:01:55 浏览: 13
在HTML中创建一个简单的父亲节祝福页面,你可以使用文本、图像和CSS来装饰。以下是一个基本的例子:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>父亲节祝福</title>
<style>
body {
background-color: #f0eae7;
font-family: Arial, sans-serif;
text-align: center;
}
.container {
width: 80%;
margin: 0 auto;
padding: 50px;
background-color: white;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
color: #6b5cc9;
margin-bottom: 30px;
}
p {
color: #666;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #6b5cc9;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.button:hover {
background-color: #4a3d90;
}
</style>
</head>
<body>
<div class="container">
<h1>父亲节快乐,最亲爱的爸爸!</h1>
<img src="father-image.jpg" alt="父亲的画像" style="width: 100%; max-width: 300px; margin-bottom: 20px;">
<p>感谢您的无私付出和无尽关爱,您是我人生的榜样。在这个特别的日子里,祝您身体健康,事业顺利。</p>
<button class="button">发送祝福</button>
</div>
</body>
</html>
```
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)