端午节来啦,今天我给大家做个贺卡——
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>端午节快乐</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f0f0f0;
padding: 20px;
}
.card {
background-color: #fff;
width: 300px;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin: 0 auto;
}
h1 {
color: #333;
}
p {
color: #666;
}
.wishes {
font-style: italic;
color: #008000;
}
</style>
</head>
<body>
<div class="card">
<h1>端午节快乐</h1>
<img src="链接" alt="龙舟图案" width="200">
<p>愿端午节带给你和你的家人健康、幸福和快乐。</p>
<p class="wishes">祝您节日快乐!</p>
</div>
</body>
</html>
这个HTML程序创建了一个简单的端午节祝福页面,包括一张龙舟图案和祝福语。页面背景为淡灰色,居中显示一张带有圆角和阴影效果的卡片。卡片内包含标题“端午节快乐”,一张龙舟图案,一段祝福文案以及一个祝福语,祝愿读者端午节快乐。整个页面的布局简洁美观,通过CSS样式进行了美化,使得内容更具吸引力。