CSS中如何定义backgroundimage属性-创新互联

小编给大家分享一下CSS中如何定义backgroundimage属性，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

CSSbackground-image属性用来设置一个元素的背景图像。

CSSbackground-image定义和用法

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

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

默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向。[1]

transparent值

尽管在大多数情况下，没有必要使用transparent。不过如果您不希望某元素拥有背景色，同时又不希望用户对浏览器的颜色设置影响到您的设计，那么设置transparent值还是有必要的。

默认值：

transparent

继承性：

no

版本：

CSS1

JavaScript语法：

object.style.backgroundColor="#00FF00"

body{background-color:yellow;}h2{background-color:#00ff00;}p{background-color:rgb(255,0,255);}

浏览器支持编辑

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

注释：任何版本的InternetExplorer（包括IE8）都不支持属性值"inherit"。

CSSbackground-image可能的值

值

描述

color_name

规定颜色值为颜色名称的背景颜色（比如red）。

hex_number

规定颜色值为十六进制值的背景颜色（比如#ff0000）。

rgb_number

规定颜色值为rgb代码的背景颜色（比如rgb(255,0,0)）。

transparent

默认。背景颜色为透明。

inherit

规定应该从父元素继承background-color属性的设置。

TIY实例编辑

设置背景颜色

本例演示如何为元素设置背景颜色。

body{background-image:url(/i/eg_bg_04.gif);}

看完了这篇文章，相信你对“CSS中如何定义backgroundimage属性”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！