帮我写一个html生日贺卡
时间: 2023-03-15 21:53:57 浏览: 155
我很高兴为你写一个html生日贺卡!<html>
<head>
<title>生日快乐</title>
</head>
<body>
<h1>祝你生日快乐!</h1>
<p>愿你今天充满喜悦,祝你度过美好的一天!</p>
</body>
</html>
相关问题
html制作一个生日贺卡
好的,下面是一个简单的HTML生日贺卡的制作代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>生日贺卡</title>
<style>
body {
background-color: pink;
text-align: center;
}
h1 {
font-size: 40px;
color: white;
text-shadow: 2px 2px black;
margin-top: 100px;
}
p {
font-size: 30px;
color: white;
text-shadow: 2px 2px black;
margin-top: 50px;
}
img {
margin-top: 50px;
border-radius: 50%;
box-shadow: 2px 2px black;
}
</style>
</head>
<body>
<h1>生日快乐!</h1>
<p>祝你天天快乐,岁岁平安!</p>
<img src="https://picsum.photos/id/237/200/200" alt="生日蛋糕">
</body>
</html>
```
这个页面使用了pink作为背景颜色,居中对齐,并添加了一个40px的白色标题“生日快乐!”和一个30px的白色祝福语“祝你天天快乐,岁岁平安!”,最后添加了一张圆形的生日蛋糕图片。你可以根据自己的喜好和需要进行修改。
web由HTML和CSS写的生日贺卡,80行代码
以下是一个简单的HTML和CSS代码示例,用于创建一个生日贺卡:
```html
<!DOCTYPE html>
<html>
<head>
<title>生日快乐!</title>
<style>
body {
background-color: #f8d3a5;
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
font-size: 48px;
color: #ff6b6b;
margin-top: 50px;
}
p {
font-size: 24px;
color: #333;
margin-top: 20px;
}
img {
width: 300px;
border-radius: 50%;
margin-top: 50px;
}
</style>
</head>
<body>
<h1>生日快乐!</h1>
<img src="https://via.placeholder.com/300x300.png?text=Happy+Birthday!" alt="生日快乐!">
<p>祝你生日快乐,天天开心!</p>
</body>
</html>
```
说明:
- HTML代码中包含一个标题、一张图片和一段文本,分别用`<h1>`、`<img>`和`<p>`标签表示。
- CSS代码设置了页面的背景颜色、字体、文本居中、标题字号和颜色、文本字号和颜色、图片宽度、边框半径和顶部外边距。
阅读全文