📌  相关文章
📜  cara membuat persegi di html (1)

📅  最后修改于: 2023-12-03 15:29:56.252000             🧑  作者: Mango

如何在HTML中创建一个简单的正方形

如果你对HTML有基本的了解,那么你很容易就能够创建一个简单的正方形。下面的例子展示了如何使用HTML和CSS来创建一个尺寸为200px的红色正方形。

HTML代码
<div class="square"></div>

可以看到,我们只需要一个简单的<div>元素来创建我们的正方形。

CSS代码
.square {
  width: 200px;
  height: 200px;
  background-color: red;
}

在CSS中,我们使用.square选择器来选择我们的元素,并设置它的宽度和高度为200像素。我们还设置了一个红色的背景颜色来使正方形更加明显。

结论

通过HTML和CSS,我们可以轻松地创建一个简单的正方形。无论是在哪一个页面上,这个正方形都很容易地呈现给客户。