css中如何将不同的字设置成不同的颜色？

html-css015

css中如何将不同的字设置成不同的颜色？,第1张

css中的color属性可以给字体添加颜色，支持颜色描述如red,颜色rgb与rgba,对你想添加颜色dom元素设置color属性即可，如果想动态同时给多个元素添加不同颜色，建议使用js采用随机数或循环设置多个颜色

很简单，你可以用下下面这个测试例子，一看就明白了额；给每个div定义个css样式，然后引用css样式，给每个css样式设置背景颜色即可

示例：

<style>

.div1{ width:200px height:200px background-color:#F00 float:left}

.div2{ width:200px height:200px background-color:#0F0float:left}

.div3{ width:200px height:200px background-color:#00Ffloat:left}

</style>

<div class="div1"></div>

<div class="div2"></div>

<div class="div3"></div>

设置三个宽200px，高height200px的区域，给每个区域加上不同的背景颜色background-color

:颜色  最后浏览网页，实现效果！