当前阅读教程:CSS入门到精通 > background-color背景颜色 | |||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||
上一篇: CSS Backgrounds(背景) | 下一篇: background-image背景图像 | ||||||||||||||||
标签定义及使用说明background-color属性设置一个元素的背景颜色。 元素的背景是元素的总大小,包括填充和边界(但不包括边距)。
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 所有主要浏览器都支持background-color属性。 注意 IE7和更早的版本不支持"继承"的值。 IE8需要定义!DOCTYPE。 IE9支持"继承"。 提示和注释提示: 使用背景色和文本颜色,使文本易于阅读。 属性值
颜色值页面的背景颜色使用在body的选择器中: body {background-color:#b0c4de;} CSS中,颜色值通常以以下几种方式定义: n 十六进制 - 如:"#ff0000",表示红色 n RGB - 如:"rgb(255,0,0)" ,表示红色 n 颜色名称 - 如:"red",表示红色
示例通过几种不同的方式来定义不同标签的红色背景。 效果图<!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> |
|||||||||||||||||
上一篇: CSS Backgrounds(背景) | 下一篇: background-image背景图像 |