css定义三个div |简单的css网站模板下载

<style>
/* 定义第一个div元素 */
.box1{
width: 200px;  /* 宽度 */
height: 200px;  /* 高度 */
background-color: red;  /* 背景色 */
margin: auto;  /* 居中 */
}
/* 定义第二个div元素 */
.box2{
width: 200px;  /* 宽度 */
height: 200px;  /* 高度 */
background-color: yellow;  /* 背景色 */
margin: auto;  /* 居中 */
margin-top: 50px;  /* 与上方元素距离50px */
}
/* 定义第三个div元素 */
.box3{
width: 200px;  /* 宽度 */
height: 200px;  /* 高度 */
background-color: blue;  /* 背景色 */
margin: auto;  /* 居中 */
margin-top: 50px;  /* 与上方元素距离50px */
}
</style>

上述代码中，大家定义了三个不同背景颜色的块级元素，并使用了相同的宽度和高度。大家通过设置margin属性来控制元素的居中位置和与其他元素之间的距离。

除了margin属性外，CSS还有很多其他属性可以用来定义块级元素。例如，大家可以使用padding属性来控制元素内部与元素边缘之间的距离，使用border属性来定义元素的边框，使用float属性来让元素浮动等等。掌握这些属性可以让大家更加灵活地使用CSS来布局和美化网页。