用html制作一个元旦跨年的代码
元旦跨年的网页可以使用HTML和CSS来制作,以下是一个简单的示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>元旦跨年祝福</title>
<style>
body {
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
.greeting {
text-align: center;
color: #333;
}
.year {
font-size: 24px;
}
</style>
</head>
<body>
<div class="greeting">
<p>新年快乐!</p>
<h1 class="year">2023/2024</h1>
</div>
</body>
</html>
这段代码创建了一个简单的网页,在页面中央居中显示了“新年快乐!”和跨年的年份“2023/2024”。背景颜色为浅灰色,字体为Arial。通过CSS样式,可以自定义文本的颜色、字体大小和页面的布局。
评论已关闭