css background属性

background 简写属性在一个声明中设置所有的背景属性。

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

注释：IE8 以及更早的浏览器不支持一个元素多个背景图像。

注释：IE7 以及更早的浏览器不支持 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

可以设置如下属性：

?background-color

?background-position

?background-size

?background-repeat

?background-origin

?background-clip

?background-attachment

?background-image

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url(‘smiley.gif‘); 也是允许的。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

例子：

body

{

background: #00FF00 url(bgimage.gif) no-repeat fixed top;

}

时间： 2025-01-04 11:54:20

css background属性的相关文章

CSS background 属性

一.background属性可以设置一个元素的背景样式,当然前提是这个元素有具体的宽高值. 先来一个简单的背景设置: 1 #show-box { 2 width: 800px; 3 height: 500px; 4 background: #000; 5 background-image: url(image url); 6 } 7 </style> 这里只是简单的设置了颜色和背景贴图. 下面让我们来看一下官方的background的属性: 语法格式: background: color po

CSS background 属性详解

CSS background Property 语法: background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit; Note: If one of the properties in the shorthand declaration is the bg-size property, you must use a / (slash) to sep

css background属性了解

CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果. 纯色背景背景图像 body{ background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; } 1,纯色背景:background-color body { background-color:yellow; } h1 { background-color:#00ff00; } p { background-color:rgb(255,0,255); }

精通css——background属性

一:概念 1. background-color(1):规定要使用的背景的颜色 2. background-position(1):规定背景图片的位置 top left top center top right center left center center center right bottom left bottom center bottom right ------------------ x% y% ------------------ xpos ypos 3. backgroun

CSS中background属性详解

CSS背景属性 background css 说明 background-image:url(图片的网址); 背景图 background: url( 图片的网址 ); 背景 background-color:#色码; 背景色彩 Exp: background-image:url(背景图案.jpg,gif,bmp); background-color:#FFFFFF; background-color : tra CSS背景属性 background css 说明 background-imag

CSS背景属性Background详解

本文详解了CSS的背景属性Background,包括CSS3中新增的背景属性.如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解. css2 中的背景(background) CSS2 中有5个主要的背景(background)属性,它们是: background-color: 指定填充背景的颜色. background-image: 引用图片作为背景. background-position: 指定元素背景图片的位置. background-repeat: 决定是否

CSS背景属性background

background属性是所有背景属性的缩写: 以下是这些背景属性: background-color:背景颜色你可以通过颜色名称(red/green/blue)来设置也可以用十六进制(#fff/#000/#bcbcbc) 还可以用到rgb(x,x,x) x取值(0~255) background-position:背景开始位置也是三种取值方式,第一种是用方位词(top/right/bottom/left)组合,如left top 百分比x% x%,如0% 0%表示左上角用像素表示,

CSS学习笔记-background属性

平常总是使用background的缩写形式,忽视了各属性的细节在此进行总结. background-attachment W3C:属性设置背景图像是否固定或者随着页面的其余部分滚动. 属性值: scroll 默认值.背景图像会随着页面其余部分的滚动而移动. fixed 当页面的其余部分滚动时,背景图像不会移动. inherit 规定应该从父元素继承 background-attachment 属性的设置. background-position W3C:属性设置背景图像的起始位置.其

background属性总结，background-image路径问题

(1)background属性总结 background 简写属性在一个声明中设置所有的背景属性. 可以设置如下属性:background-color规定要使用的背景颜色.background-position规定背景图像的位置.background-size规定背景图片的尺寸.background-repeat规定如何重复背景图像.background-origin规定背景图片的定位区域. background-origin: padding-box|border-box|content-bo