首页圣诞树代码编程+html

圣诞树代码编程+html

时间: 2024-01-01 08:06:03 浏览: 157

以下是一个使用Python编写的圣诞树代码示例： ```python def draw_christmas_tree(height): for i in range(height): print(' ' * (height - i - 1) + '*' * (2 * i + 1)) print(' ' (height - 1) + '|') height = int(input("请输入圣诞树的高度：")) draw_christmas_tree(height) ``` 这段代码会根据用户输入的高度绘制一个圣诞树。用户可以通过输入不同的高度来控制圣诞树的大小。以下是一个使用HTML5编写的简单3D圣诞树网页的源代码示例： ```html <!DOCTYPE html> <html> <head> <title>3D圣诞树</title> <style> body { background-color: #000; } .tree { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 300px; background-color: #006400; border-radius: 10px; overflow: hidden; } .tree:before { content: ''; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); width: 200px; height: 200px; background-color: #006400; border-radius: 50%; } .tree:after { content: ''; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: 100px; height: 100px; background-color: #006400; border-radius: 50%; } .tree .layer { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 100px; background-color: #228B22; border-radius: 50%; } .tree .layer:nth-child(2) { bottom: 50px; width: 150px; height: 150px; background-color: #228B22; } .tree .layer:nth-child(3) { bottom: 100px; width: 200px; height: 200px; background-color: #228B22; } </style> </head> <body> <div class="tree"></div> </body> </html> ``` 这段代码会在网页中绘制一个简单的3D圣诞树。你可以将代码保存为一个HTML文件，然后在浏览器中打开该文件，即可看到圣诞树的效果。

阅读全文