css红色正方形 |css商业网站布局之道

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

以上代码中，大家定义了一个名为“square”的类，类中包含了对应的css样式。其中，width和height属性定义了正方形的大小，background-color属性定义了正方形的背景颜色。

当大家将这个类应用到HTML元素中时，这个元素就会显示成一个红色正方形：

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

以上代码中，大家创建了一个div元素，并将square类应用到它上面。这个div元素就会呈现出红色正方形的样式。

当然，大家也可以对这个正方形的样式做出更多的修改，例如改变边框的样式、修改文字的颜色等。在使用CSS样式表的过程中，大家可以根据实际需要灵活地调整样式，满足不同的需求。