📅  最后修改于: 2023-12-03 15:24:27.619000             🧑  作者: Mango
要在 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。