圣诞树代码html源码复制
时间: 2023-12-19 14:32:25 浏览: 51
```html
<!DOCTYPE html>
<html>
<head>
<title>Christmas Tree</title>
<style>
body {
background-color: #f0f0f0;
}
.tree {
text-align: center;
}
.tree .layer1 {
color: green;
font-size: 40px;
}
.tree .layer2 {
color: green;
font-size: 35px;
}
.tree .layer3 {
color: green;
font-size: 30px;
}
.tree .layer4 {
color: green;
font-size: 25px;
}
.tree .trunk {
color: brown;
font-size: 40px;
}
</style>
</head>
<body>
<div class="tree">
<p class="layer1">Layer 1</p>
<p class="layer2">Layer 2</p>
<p class="layer3">Layer 3</p>
<p class="layer4">Layer 4</p>
<p class="trunk">Trunk</p>
</div>
</body>
</html>
```