如何用CSS获得正方形？

要用CSS获得正方形，可以通过以下几种方法实现：

1. 使用padding属性：设置一个元素的宽度和高度相等，并且设置padding属性为50%。这样可以保持元素的宽高比为1:1，从而获得正方形效果。

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

1. 使用伪元素：通过伪元素的padding-top属性设置一个百分比值，使得宽度和高度相等，从而获得正方形效果。

.square::before {
  content: "";
  display: block;
  padding-top: 100%;
  background-color: blue;
}

1. 使用flexbox布局：使用flexbox布局可以很方便地实现正方形效果。将容器的display属性设置为flex，并且设置justify-content和align-items属性为center，然后将子元素的flex属性设置为1，即可获得正方形效果。

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.square {
  flex: 1;
  background-color: green;
}

以上是几种常见的方法，通过CSS可以轻松实现正方形效果。在实际应用中，可以根据具体需求选择合适的方法。腾讯云提供的相关产品和服务与CSS获得正方形无直接关联，因此暂无相关推荐链接。