[分享]css写一个分块不同颜色的网页

如果我们想要让一个网页看起来个性化、有趣味性，那么就可以使用CSS来为网页添加分块不同颜色的样式。 / 添加分块颜色的CSS样式 / div.block1 { backgroundcolor: FFA...

如果我们想要让一个网页看起来个性化、有趣味性，那么就可以使用CSS来为网页添加分块不同颜色的样式。

/* 添加分块颜色的CSS样式 */
div.block1 {
    background-color: #FFA07A; /* 浅桃红色*/
    height: 200px;
}

div.block2 {
    background-color: #87CEFA; /* 淡蓝色 */
    height: 300px;
}

div.block3 {
    background-color: #9ACD32; /* 淡黄绿色 */
    height: 400px;
} 

上面的代码指定了三种不同颜色的分块，每个分块还有指定的高度。我们可以在HTML中使用这些CSS样式来为网页添加分块不同颜色的效果。下面是HTML的代码：

<!-- HTML代码 -->
<div class="block1"></div>
<div class="block2"></div>
<div class="block3"></div> 

在使用CSS样式的时候要记得指定每个块的高度，否则块的高度默认是0。这个小技巧可以为你的网页增加一点趣味性。

最后，我们可以根据自己的喜好来选择不同的颜色和高度，从而让每个网页都独具特色。