css的background-color属性如何使用

css的background-color属性如何使用

这篇文章主要介绍了css的background-color属性如何使用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇css的background-color属性如何使用文章都会有所收获，下面我们一起来看看吧。

　　CSSbackground-color属性

　　作用：设置元素的背景颜色。

　　background-color：颜色值；

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

　　提示：使用背景色和文本颜色，使文本易于阅读。

　　CSSbackground-color属性的使用示例

　　body{background-color:yellow}

　　h2{background-color:#00ff00}

　　h3{background-color:transparent}

　　p{background-color:rgb(250,0,255)}

　　p.no2{background-color:gray;padding:20px;}

这是标题1

这是标题2

这是段落

　　这个段落设置了内边距。

　　
效果图：

关于“css的background-color属性如何使用”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“css的background-color属性如何使用”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注恰卡编程网行业资讯频道。