html中如何设置正方形

在HTML中，要设置一个正方形，可以使用CSS的width和height属性。

.square{
   width:100px;
   height:100px;
}

以上代码将一个元素的宽和高都设置为100px，这样，它就变成了一个正方形。而通过给这个元素添加一个class名square，就可以在HTML中实现正方形的效果。

如果想要让这个正方形居中显示，可以使用CSS的margin属性。

.square{
   width:100px;
   height:100px;
   margin:0 auto;
}

以上代码让这个正方形水平居中显示，因为它的左右margin都设置为“auto”，这样可以让它水平居中对齐。而上下的margin都是0，这样就让这个正方形垂直居中显示。

也可以通过CSS的background-color属性来为这个正方形设置一个背景色。

.square{
   width:100px;
   height:100px;
   margin:0 auto;
   background-color:#f00;
}

以上代码将这个正方形的背景色设置为红色，可以根据需要来更改背景色。