DOCTYPE html><htmllang="en"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><style>p{height:200px;width:200px;background-color:red;}p{border:5px solid}</style></head><body><pclass="d1">CSS背景和列表</p></body></html> 刷新代码我们发现,背景色还是200*200...
CSS属性中的 background-color 会设置元素的背景色, 属性的值为颜色值或关键字"transparent"二者选其一 /* Keyword values */background-color: red; /* Hexadecimal value */ background-color: #bbff00; /* Hexadecimal value with alpha channel */ background-color: #11ffee00; /* 00 - fully transp...
background-color属性被指定为单个<color>值。 值 <color>是<color>描述背景的统一颜色的CSS 。即使background-image定义了一个或几个,如果图像不透明,透明度也会影响渲染效果。在CSS中,transparent是一种颜色。 正式语法 1 2 3 4 5 6 7 8 9 10 <color>where <color> = <rgb()> | <rgba()> | <...
/* Keyword values */ background-color: red; background-color: indigo; /* Hexadecimal value */ background-color: #bbff00; /* Fully opaque */ background-color: #bf0; /* Fully opaque shorthand */ background-color: #11ffee00; /* Fully transparent */ background-color: #1fe0; /* ...
默认值: transparent 继承: no 版本: CSS1 JavaScript 语法: object object.style.backgroundColor="#00FF00"浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
CSS的background-color属性用于设置元素的背景颜色,基本语法如下: selector { background-color: color; } 复制代码 其中,selector为需要设置背景颜色的元素选择器,color为颜色值。颜色值可以使用以下几种形式: 颜色名称:可以使用预定义的颜色名称,如red、blue等。 十六进制值:以#开头,后面跟着6位的十六进制数值。
/* Keyword values */ background-color: red; background-color: indigo; /* Hexadecimal value */ background-color: #bbff00; /* Fully opaque */ background-color: #bf0; /* Fully opaque shorthand */ background-color: #11ffee00; /* Fully transparent */ background-color: #1fe0; /* ...
区别：作用不同 color用于设置字体颜色，而background-color同于设置背景颜色。实例 1、color body { color:red; } h1{ color:#00ff00; } p{ color:rgb(0,0,255); } 2、background-color body{ background-color:yellow;} h1{ background-color:#00ff00; } p { background-...
1、background-color属性值可以用十六进制、英文、rgb() body { background-color:yellow; } h1 { background-color:#00ff00; } p { background-color:rgb(255,0,255); } 上面三种写法都是可以的 2、background-image body { background-image:url(‘paper.gif’); ...