首页用HTML画一个草莓熊

用HTML画一个草莓熊

时间: 2023-11-02 17:05:22 浏览: 347

很抱歉，作为一个语言模型，我无法呈现图形。但我可以为您提供HTML代码，您可以将其复制并粘贴到HTML编辑器中以查看结果。下面是一个简单的草莓熊的HTML代码示例： ```html <!DOCTYPE html> <html> <head> <title>草莓熊</title> <style> body { background-color: #FDD5B1; } .circle { width: 200px; height: 200px; border-radius: 50%; background-color: #FBE7C6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ears { width: 80px; height: 80px; border-radius: 50%; background-color: #FBE7C6; position: absolute; top: 15%; left: 10%; transform: rotate(-45deg); } .eyes { width: 20px; height: 20px; border-radius: 50%; background-color: #000; position: absolute; top: 40%; left: 40%; } .nose { width: 30px; height: 20px; background-color: #FA8072; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50% 50% 0 0; } .mouth { width: 60px; height: 30px; background-color: #FA8072; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); border-radius: 0 0 50% 50%; } .strawberry { width: 60px; height: 60px; background-color: #FF1493; position: absolute; top: 80%; left: 10%; transform: rotate(-45deg); border-radius: 50% 0 50% 0; } .leaf { width: 30px; height: 30px; background-color: #00FF00; position: absolute; top: 75%; left: 25%; transform: rotate(-45deg); border-radius: 50% 50% 50% 0; } </style> </head> <body> <div class="circle"></div> <div class="ears"></div> <div class="eyes"></div> <div class="nose"></div> <div class="mouth"></div> <div class="strawberry"></div> <div class="leaf"></div> </body> </html> ``` 您可以将此代码复制并粘贴到HTML文件中，然后在浏览器中打开以查看结果。

阅读全文