漂亮的圣诞树html
时间: 2024-01-04 21:19:32 浏览: 30
以下是一个漂亮的圣诞树的HTML代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>漂亮的圣诞树</title>
<style>
body {
background-color: #f2f2f2;
}
.tree {
text-align: center;
margin-top: 50px;
}
.tree div {
display: inline-block;
width: 20px;
height: 20px;
background-color: green;
margin: 2px;
}
.tree .star {
display: block;
width: 20px;
height: 20px;
background-color: yellow;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="tree">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div class="star"></div>
</div>
</body>
</html>
```
这段代码会在浏览器中显示一个绿色的圣诞树,树的形状由一系列绿色的方块组成,顶部有一个黄色的星星。你可以将这段代码复制到一个HTML文件中,然后在浏览器中打开该文件,即可看到漂亮的圣诞树效果。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![tgz](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)