html绘制懒羊羊代码
时间: 2023-06-30 09:09:53 浏览: 288
以下是用 HTML 绘制懒羊羊的代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>懒羊羊</title>
</head>
<body>
<svg width="300" height="300">
<!-- 身体 -->
<rect x="50" y="100" width="200" height="150" fill="#D9B382" />
<!-- 脸部 -->
<circle cx="150" cy="75" r="50" fill="#F6E0B5" />
<!-- 眼睛 -->
<circle cx="120" cy="60" r="10" fill="#FFFFFF" />
<circle cx="180" cy="60" r="10" fill="#FFFFFF" />
<circle cx="120" cy="60" r="5" fill="#000000" />
<circle cx="180" cy="60" r="5" fill="#000000" />
<!-- 嘴巴 -->
<path d="M 135 95 Q 150 110 165 95" stroke="#000000" stroke-width="3" fill="none" />
<!-- 腿 -->
<rect x="70" y="250" width="50" height="50" fill="#D9B382" />
<rect x="180" y="250" width="50" height="50" fill="#D9B382" />
<!-- 脚 -->
<rect x="60" y="300" width="70" height="30" rx="10" fill="#FFFFFF" />
<rect x="170" y="300" width="70" height="30" rx="10" fill="#FFFFFF" />
</svg>
</body>
</html>
```
你可以将上述代码复制到 HTML 文件中并在浏览器中打开,即可看到懒羊羊的绘制结果。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)