首先，大家需要在HTML中添加一个元素，该元素将用于呈现正方形。可以使用CSS中的方框选择器(box-sizing)来确保元素的宽度和高度都是100%。例如：
“`html
<div class=”square”></div>
接下来，大家可以使用CSS中的border和border-radius属性来创建正方形。以下是一个示例代码：
“`css
.square {
width: 100px;
height: 100px;
border: 4px solid #ccc;
border-radius: 50%;
box-sizing: border-box;
在这个示例中，大家使用border属性来创建一个4像素的边框，并使用border-radius属性来将边框半径设置为50%。通过将box-sizing属性设置为border-box，大家可以确保元素的宽度和高度都包含边框，从而得到一个真正的正方形。
大家可以使用不同的值来调整正方形的大小。例如，大家可以使用border-radius属性来改变边框的形状，或使用border属性来改变边框的颜色。以下是一个使用border-radius属性的示例代码：
“`css
.square {
width: 100px;
height: 100px;
border: 4px solid #ccc;
border-radius: 50%;
transform: scale(1.2);
在这个示例中，大家使用transform属性来将正方形缩放到原来的大小，并将边框半径设置为50%。这个例子演示了如何使用CSS来创建圆形的边框。
最后，大家可以使用CSS中的margin和padding属性来调整正方形的边距和内边距。以下是一个示例代码：
“`css
.square {
width: 100px;
height: 100px;
border: 4px solid #ccc;
border-radius: 50%;
margin: 0 auto;
padding: 20px;
在这个示例中，大家使用margin属性将正方形的左侧和右侧留出20像素的边距，并将padding属性设置为20像素，以使正方形的边缘更加光滑。
通过使用CSS中的border和border-radius属性，大家可以轻松地创建一个正方形，并且可以灵活地调整其大小、边框颜色和形状。