小编给大家分享一下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实例编辑
设置背景颜色
本例演示如何为元素设置背景颜色。
<html>
<head>
<styletype="text/css">
body{background-image:url(/i/eg_bg_04.gif);}
</style>
</head>
<body></body>
</html>
看完了这篇文章,相信你对“CSS中如何定义backgroundimage属性”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。