html怎么画一个电脑

要画一个电脑，可以使用 HTML 中的各种标签和 CSS 样式来实现。下面是一个简单的例子：

<div class="computer">
  <div class="screen"></div>
  <div class="keyboard"></div>
</div>

.computer {
  width: 400px;
  height: 300px;
  background-color: gray;
  border-radius: 20px;
  position: relative;
}

.screen {
  width: 320px;
  height: 200px;
  background-color: white;
  border-radius: 10px;
  position: absolute;
  top: 30px;
  left: 40px;
}

.keyboard {
  width: 320px;
  height: 50px;
  background-color: black;
  border-radius: 10px;
  position: absolute;
  bottom: 30px;
  left: 40px;
}

上面的代码中，我们使用一个 `div` 元素来表示整个电脑，设置了它的宽度、高度、背景色、圆角等属性。然后在它内部放置了两个子元素，一个是显示屏，一个是键盘。显示器和键盘都使用了 `position: absolute` 来控制位置，根据需要设置了 `top`、`bottom`、`left`、`right` 等属性。最后，使用 CSS 样式来设置它们的大小、背景色、圆角等样式属性，就可以画出一个简单的电脑了。