首页帮我整一个圣诞树html

帮我整一个圣诞树html

时间: 2023-02-16 16:28:58 浏览: 90

圣诞树.html

这是一个简单的圣诞树 HTML 示例： ```html <!DOCTYPE html> <html> <head> <style> /* CSS 样式 */ .tree { width: 200px; height: 300px; background-color: green; } .star { width: 50px; height: 50px; background-color: yellow; position: absolute; top: 0; left: 75px; } .ornaments { width: 20px; height: 20px; background-color: red; position: absolute; bottom: 20px; } .ornaments:nth-child(1) { left: 60px; } .ornaments:nth-child(2) { left: 80px; } .ornaments:nth-child(3) { left: 100px; } </style> </head> <body> <div class="tree"> <div class="star"></div> <div class="ornaments"></div> <div class="ornaments"></div> <div class="ornaments"></div> </div> </body> </html> ``` 这个示例使用了 CSS 来控制圣诞树的样式，包括树本身、星星和装饰品。您可以根据需要修改样式并增加更多装饰品。

阅读全文