CSS是一种层叠样式表,可以帮助我们设置多个div的样式。下面是一个例子,展示了如何使用CSS设置多个div的样式。
<code> /*设置div的样式*/ div { background-color: #f0f0f0; border: 1px solid #ccc; padding: 10px; margin: 10px; display: inline-block; width: 200px; height: 200px; } /*设置第一个div的样式*/ #first { background-color: #ff0000; color: #fff; } /*设置第二个div的样式*/ #second { background-color: #00ff00; color: #fff; } /*设置第三个div的样式*/ #third { background-color: #0000ff; color: #fff; } </code>
在上面的代码中,我们首先设置了所有div的样式,包括背景颜色、边框、内边距、外边距、展示方式、宽度和高度。
接着,我们为每个div单独设置了样式。例如,我们为ID为“first”的div设置了背景颜色为红色,颜色为白色。
同样的,我们为ID为“second”的div设置了背景颜色为绿色,颜色为白色;为ID为“third”的div设置了背景颜色为蓝色,颜色为白色。
通过这些设置,我们可以为不同的div设置不同的样式,达到更好的视觉效果。