css中背景颜色怎么设置？用background-color属性

css中背景颜色怎么设置？用background-color属性，用英文小写符号:连接background-color属性的值即可，写法如下：

background-color:值;

background-color属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。

当你需要修改背景颜色的时候，只需要修改这个【值】即可，background-color属性的值非常多，具体如下：

为了给网友们展示background-color属性不同的值的对比效果，范如乐单独设置了3个样式：

.juli1{background-color: yellow;}

.juli2{background-color: #00ff00;}

.juli3{background-color: rgb(250,0,255);}

每个样式应用到一个p标签中：

<p class=”juli1″>这里用yellow值把背景颜色设置成黄色。</p>

<p class=”juli2″>这里用#00ff00值把背景颜色设置成绿色。</p>

<p class=”juli3″>这里用rgb(250,0,255)值把背景颜色设置成紫色。</p>

效果如图：

学会了用css添加背景颜色后，下一节，我们学习用css添加背景图片，详情点击：《怎么在css里面设置背景图片？用background-image属性》。