位置:电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
CSS入门
CSS 基础样式
CSS 高级样式
语法应用:CSS 对齐
当前阅读教程:CSS入门到精通 > background-color背景颜色
阅读(22555525)      收藏       赞(5685)      分享
上一篇: CSS Backgrounds(背景) 下一篇: background-image背景图像

标签定义及使用说明

background-color属性设置一个元素的背景颜色。

元素的背景是元素的总大小,包括填充和边界(但不包括边距)。

默认值:

transparent

继承:

no

版本:

CSS1

JavaScript 语法:

object   object.style.backgroundColor="#00FF00"

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

image.png

所有主要浏览器都支持background-color属性。

注意 IE7和更早的版本不支持"继承"的值。 IE8需要定义!DOCTYPE IE9支持"继承"

提示和注释

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

属性值

描述

color

指定背景颜色。

transparent

指定背景颜色应该是透明的。这是默认

inherit

指定背景颜色,应该从父元素继承

颜色值

页面的背景颜色使用在body的选择器中:

body {background-color:#b0c4de;}

CSS中,颜色值通常以以下几种方式定义:

n  十六进制 - 如:"#ff0000",表示红色

n  RGB - 如:"rgb(255,0,0)" ,表示红色

n  颜色名称 - 如:"red",表示红色

 

示例

小白教程网www.2d5.net

通过几种不同的方式来定义不同标签的红色背景。

效果图

小白教程网www.2d5.net

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>背景颜色</title>

    

<!--定义内部样式-->

<style>

     /*定义标签p的样式*/

     p{

             background-color: red; /*颜色名称:红色*/

     }

     /*定义标签h3的样式*/

     h3{

             background-color:rgb(255,0,0);/*RGB :红色*/

     }

     /*定义标签div的样式*/

     div{

             background-color:#ff0000; /*十六进制:红色*/

     }

</style>

    

</head>

<body>

    

     <p>红色</p>

     <h3>绿色</h3>

     <div>蓝色</div>

    

</body>

</html>

image.png


上一篇: CSS Backgrounds(背景) 下一篇: background-image背景图像
毕业设计网             广告联系QQ:45157718(微信同号)