📜  如何在css中制作方形div(1)

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

如何在 CSS 中制作方形 div

要在 CSS 中制作方形 div,可以使用 width 和 height 属性,并将它们设置为相同的值。下面是一个简单的示例:

.square {
  width: 100px;
  height: 100px;
}

以上代码将创建一个具有 100 像素宽和高的方形 div,可以在 HTML 中使用以下代码进行调用:

<div class="square"></div>

如果要让该 div 居中显示,可以使用 margin 和 display 属性。以下是一个完整的代码示例:

.square {
  width: 100px;
  height: 100px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

以上代码将创建一个居中显示的方形 div,你可以随意根据自己的需要进行样式更改。

希望本文能够帮助您了解如何在 CSS 中制作方形 div。