在网页布局中,通常需要设置多个div来分别放置不同的内容。为了使这些div能够在页面上有良好的布局,我们需要使用CSS来对其进行样式设置。
/* 设置多个div的样式 */ div { width: 200px; height: 200px; background-color: #ccc; float: left; margin: 10px; }
上面的代码中,我们使用了div选择器来设置多个div的样式。具体来说,我们设置了每个div的宽度为200px,高度为200px,背景颜色为灰色(#ccc),以及左浮动和外边距为10px。
<div>first</div> <div>second</div> <div>third</div>
在HTML文件中,我们需要添加多个div标签,并在其中添加相应的内容。如上述代码所示,添加了三个div标签,并在其中分别添加了“first”,“second”和“third”三个字符串。
通过以上CSS和HTML代码,我们就成功地设置了多个div的样式,并在页面上进行了良好的布局。