css制作正方xin |css图片的滚动代码生成器

.square {
width: 100px;
height: 100px;
background-color: blue;
border-radius: 0;
}

首先，大家创建一个class为“square”的div元素，然后通过CSS来定义它的宽度、高度、背景颜色和边框半径。其中，宽度和高度相等，设置为100像素，即可制作出一个正方形的形状。

大家可以将上面的HTML代码添加到大家的网页中，就可以看到制作出来的正方形了。

如果大家想让正方形居中，可以使用以下CSS代码：

.square {
width: 100px;
height: 100px;
background-color: blue;
border-radius: 0;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

这里大家添加了一些额外的CSS属性来实现居中。其中，通过设置margin为auto可以让元素水平居中，而通过设置position为absolute和top、bottom、left、right为0可以让元素垂直居中。

通过以上步骤，大家就可以轻松地使用CSS制作出一个漂亮的正方形了。