css如何做一个正方形

CSS是网页开发中不可或缺的一部分。在网页布局中，经常需要使用正方形元素，那么怎么用CSS做一个正方形呢？下面我们就来看一下。

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

以上就是用CSS实现正方形的代码。我们设置了一个类名为“square”的元素，通过设置width和height属性都为100px，就可得到一个宽高均为100px的正方形。同时，我们设置了一个背景色为红色，可以随意换成其他颜色，或是加入其他样式。

需要注意的是，在使用CSS创建正方形时，我们需要保证宽高的数值相同，才能得到一个正方形。同时，宽高的值可以根据需要进行调整，只要宽高相等即可。除此之外，我们也可以将正方形变为圆形等其他形状，具体做法可以在width和height属性中增加border-radius属性进行设置。

总之，CSS在网页布局中有着举足轻重的作用，能够帮助我们实现各种各样的效果，包括正方形这种简单的元素。掌握好CSS的基本使用方法，相信一定能够打造出精美的网页。