首页用html画一颗豪华的圣诞树

用html画一颗豪华的圣诞树

时间: 2023-12-26 07:06:57 浏览: 68

html5作的圣诞树

这是一个用html5写的代码，非常漂亮的圣诞树

以下是使用HTML和CSS画一颗豪华的圣诞树的示例： ```html <!DOCTYPE html> <html> <head> <style> .tree { background-color: brown; border: 1px solid black; width: 50px; height: 100px; } .star { color: gold; font-size: 30px; } </style> </head> <body> <div class="tree"></div> <div class="tree"></div> <div class="tree"></div> <div class="tree"></div> <div class="tree"></div> <div class="star">★</div> </body> </html> ``` 这段HTML代码使用了CSS样式来定义圣诞树和顶部的五角星。通过设置不同的`div`元素的样式，我们可以画出多层的圣诞树，而顶部的五角星则使用了特殊的字符编码`★`来表示。

阅读全文