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

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

和林格尔ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！

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

CSSbackground-image定义和用法

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

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

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

transparent值

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

默认值：

transparent

继承性：

版本：

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实例编辑

设置背景颜色

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

<html>

<head>

<styletype="text/css">

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

</style>

</head>

</html>

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

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容