web期末作业设计网页圣诞节快乐
时间: 2023-12-16 20:05:08 浏览: 35
以下是一个简单的圣诞节快乐网页设计示例,包括背景图片、标题、图片和文本内容:
```html
<!DOCTYPE html>
<html>
<head>
<title>Merry Christmas!</title>
<style>
body {
background-image: url('https://cdn.pixabay.com/photo/2017/12/17/16/54/christmas-3024700_960_720.jpg');
background-size: cover;
background-position: center;
font-family: Arial, sans-serif;
color: white;
}
h1 {
text-align: center;
font-size: 4em;
margin-top: 100px;
text-shadow: 2px 2px 4px #000000; }
img {
display: block;
margin: 0 auto;
width: 50%;
height: auto;
border-radius: 50%;
box-shadow: 2px 2px 4px #000000;
}
p {
text-align: center;
font-size: 2em;
margin-top: 50px; text-shadow: 2px 2px 4px #000000;
}
</style>
</head>
<body>
<h1>Merry Christmas!</h1>
<img src="https://cdn.pixabay.com/photo/2017/12/17/16/54/christmas-3024700_960_720.jpg" alt="Christmas image">
<p>Wishing you a joyful and peaceful holiday season!</p>
</body>
</html>
```