web由HTML和CSS写的生日贺卡,80行代码
时间: 2024-05-26 16:16:58 浏览: 18
以下是一个简单的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代码设置了页面的背景颜色、字体、文本居中、标题字号和颜色、文本字号和颜色、图片宽度、边框半径和顶部外边距。