background-color属性设置元素的背景颜色。它的值可以是任意合法的颜色值或者是transparent关键字。 .left { background-color: #ffdb3a; } .middle { background-color: #67b3dd; } .right { background-color: transparent; } 背景颜色绘制在由[background-clip](#backgroundclip)属性指定的盒模型的区域内。
颜色名称，如： background-color:red ; 十六进制背景色，如： background-color:#f00; ; rgb颜色，这里如果是rgba，a表示透明程度，为0全透明，为1为完全不透明， 如： background-color:rgb(255,0,0.3); ; 特殊值：transparent，透明色： background-color:transparent ;background...
今天从2个属性延展它的属性,一个是background-size,另一个是linear-gradient,首先看看第一个background-size。 1.background-size: length 长度|percentage %百分比|cover|contain|auto 默认; 将图片放大至某种程度,总体来说,是这个意思 auto 默认属性值,不做任何改变保持原比例显示图片大小 cover 等比缩放铺满整个...
background-color:blue; padding:20px; } 1. 2. 3. 4. 规定背景图像的尺寸大小 background-size background-size_a_b 可以通过以下属性值控制背景图像的显示大小 长度值:第一个值设置宽度,第二个值设置高度。如果只设置了一个值,那么第二个值都会默认是“auto”。 百分比:以父元素的百分比来设置背景图像的...
background-color,background-image,background-repeat,background-attachment,background-position,background-size,background-origin,background-clip的顺序进行声明。 另外值得一提的是,如果需要在同时声明background-position和background-size,由于其单位可能是相同的,所以要按照background-position/background-size的规则...
1 background-color是背景颜色属性设置，参数可以是颜色的名字，例如green，blue；也可以使用rgba()做参数，以下是示例 2 background-image是设置背景图片，可以与background-repeat和background-position联合使用 3 background-repeat的属性值有6种，其中no-repeat和repeat是控制是否重复，当设置为repeat的时候又分为...
background-color//设置元素的背景色。background-repeat//设置背景图像是否平铺background-attachment//背景图像是否固定或者随着页面的其余部分滚动。background-image//设置背景图像。background-origin//设置背景图片的定位区域。background-clip//设置背景的绘制区域。background-position//设置背景图像的位置。background...
background-color 用于表示元素的背景颜色,取值可以是十六进制色号也可以是rgba,或者是hsl。 background-image 用于表示元素的背景图片,与上述的background-color互不冲突,取值为图片所在路径。 background-position 用于表示背景图片的位置,它的取值有两项:x与y,x表示距离左侧边界的长度,y表示距离顶部边界的长度。
1. background-color背景颜色 可以简写 background;默认值是transparent。(透明) 不能继承 2. background-image背景图片 可以简写background url(“图像的url路径地址”)图像的URL; none表示背景上没有设置任何图像,这是默认值; inherit指定背景图像应该从父元素继承 ...
background: repeating-linear-gradient(angle|to side-or-corner, color1, color2, ...); angle: 定义渐变的角度方向。从 0deg 到 360deg,默认为 180deg。 side-or-corner: 指定线性渐变的起始位置。由两个关键字组成: 第一个为指定水平位置(left 或 right),第二个为指定垂直位置(top 或bottom)。