首页html圣诞树带人名代码

html圣诞树带人名代码

时间: 2023-12-26 11:28:35 浏览: 85

圣诞树(带名字).html

以下是一个带有人名的HTML圣诞树代码示例： ```html <!DOCTYPE html> <html> <head> <title>圣诞树祝福</title> <style> .tree { text-align: center; } .tree:before { content: ''; display: block; width: 0; height: 0; margin: 0 auto; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid green; } .tree .name { margin-top: 10px; font-size: 20px; font-weight: bold; } </style> </head> <body> <div class="tree"> <div class="name">菲菲</div> <div class="tree"> <div class="name">祝福对象</div> </div> </div> </body> </html> ``` 你可以将上述代码保存为一个HTML文件，然后在浏览器中打开该文件，即可看到带有人名的圣诞树效果。

阅读全文