华丽html母亲节代码
时间: 2023-11-14 07:58:30 浏览: 190
以下是一个华丽的 HTML 母亲节代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>母亲节快乐!</title>
<style>
body {
background-color: #ffe6e6;
font-family: Arial, sans-serif;
}
h1 {
font-size: 48px;
text-align: center;
color: #ff4d4d;
margin-top: 100px;
}
p {
font-size: 24px;
text-align: center;
color: #4d4d4d;
margin-top: 50px;
}
img {
display: block;
margin: 0 auto;
margin-top: 50px;
height: 300px;
width: 300px;
}
</style>
</head>
<body>
<h1>母亲节快乐!</h1>
<p>感谢您一直以来的付出和关爱。</p>
<img src="https://images.unsplash.com/photo-1615098305726-4d9b7f40e8a5?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTB8fG1vdW50YWlyJTIwamFuZ28lMjBzaG9wJTIwcG9zdHN8ZW58MHx8MHx8&ixlib=rb-1.2.1&w=1000&q=80" alt="母亲节快乐">
</body>
</html>
```
这段代码会生成一个母亲节主题的 HTML 页面,包含了一个大标题、一段文字和一张图片,用来祝福母亲节快乐。您可以根据需要自由修改样式和内容。
阅读全文