用html做个生日快乐网页要华丽的感觉
时间: 2023-09-24 19:11:38 浏览: 155
HTML制作生日祝福网页
4星 · 用户满意度95%
好的,以下是一个华丽的生日快乐网页的HTML代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>生日快乐!</title>
<style>
body {
background-image: url(bg.jpg);
background-size: cover;
background-position: center;
}
h1 {
text-align: center;
font-size: 6em;
font-family: 'Segoe Script', 'Lucida Handwriting', cursive;
margin-top: 50px;
color: #ffcc00;
text-shadow: 3px 3px #000;
}
p {
text-align: center;
font-size: 2em;
font-family: 'Helvetica', 'Arial', sans-serif;
margin-top: 50px;
color: #fff;
text-shadow: 2px 2px #000;
}
img {
display: block;
margin: 0 auto;
margin-top: 50px;
border-radius: 50%;
box-shadow: 3px 3px #000;
}
</style>
</head>
<body>
<h1>生日快乐!</h1>
<p>祝你生日快乐!</p>
<p>愿你在新的一年里,健康、快乐、幸福!</p>
<img src="birthday-cake.jpg" alt="生日蛋糕" width="400" height="400">
</body>
</html>
```
这个示例代码使用了一些CSS样式来让页面更加华丽,包括背景图片、文字阴影、圆角图片、盒子阴影等。你可以将其中的 `bg.jpg` 和 `birthday-cake.jpg` 替换成你自己的图片,然后保存为一个 `.html` 文件,用浏览器打开即可看到华丽的生日快乐网页。
阅读全文