在这个特殊的日子里,我用最真挚的心意,为母亲送上了最温暖的祝福。
源代码:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>母亲节祝福</title>
<style>
body {
font-family: "Microsoft YaHei", Arial, sans-serif;
text-align: center;
background-color: #f2f2f2;
margin-top: 50px;
}
h1 {
color: #ff6e7f;
}
.container {
max-width: 600px;
margin: 0 auto;
text-align: left;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.date {
font-size: 18px;
color: #999;
text-align: right;
}
.salutation {
margin-top: 30px;
margin-bottom: 50px;
font-size: 26px;
font-weight: bold;
}
.message {
font-size: 18px;
line-height: 1.5;
font-weight: bold;
margin-bottom: 50px;
}
.message p {
margin-bottom: 20px;
}
.signature {
text-align: right;
font-style: italic;
font-size: 20px;
font-weight: bold;
margin-top: 30px;
}
</style>
</head>
<body>
<div class="container">
<img src="https://img-qn.51miz.com/preview/element/00/01/16/56/E-1165675-DF3EC6F1.jpg!/quality/90/unsharp/true/compress/true/fwfh/640x420"
alt="母亲节">
<div class="date">2023 年 5 月 14 日</div>
<div class="salutation">亲爱的妈妈:</div>
<div class="message">
<p>母亲节到了,我想对您说:谢谢您一直以来的辛劳付出。您是我生命中最重要的人,是我永远的依靠和支持。在我成长的道路上,您一直默默无闻地支持着我,给我关爱和指导。每当我遇到困难时,您总是在我身边,给我鼓励和支持。在我取得成就时,您也总是在我身边,与我一同分享喜悦。
</p>
<p>我非常感激您为我所做的一切。今天,我要祝您母亲节快乐,身体健康,万事如意!</p>
</div>
<div class="signature">爱您的儿子</div>
</div>
</body>
</html>
展示的效果如下: