现在的位置: 首页 > web前端 > 正文

backgroundimage的属性定义

2020年07月20日 web前端 ⁄ 共 1070字 ⁄ 字号 评论关闭

  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;}h1{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>


  总之,CSSbackground-image给大家简单的介绍了一些,希望大家多看看。

抱歉!评论已关闭.