淘先锋技术网

首页 1 2 3 4 5 6 7

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设置不同的样式,达到更好的视觉效果。