css中怎么做正方形的框

CSS是网页设计中常用的一种样式语言。在网页设计中，经常需要使用正方形框来实现视觉效果和布局需求。下面将介绍如何使用CSS制作正方形框。

.square {
  width: 100px;
  height: 100px;
  background-color: #F00;
} 

上述代码创建了一个名为“square”的CSS类, 并给这个类设置了宽度和高度为100像素，背景色为红色。通过这个CSS类，我们可以在HTML标签中添加“square”类来实现一个大小为100x100像素的红色正方形框。

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

在HTML中，我们只需要在需要使用正方形框的地方添加一个DIV标签，并在其中添加“square”类名即可。这样，我们就可以轻松地实现一个正方形框。

需要注意的是，以上代码只是一种示例，实际上，我们可以根据需要自定义CSS类，从而实现不同样式、不同大小的正方形框。