背景颜色 background-color background-color定义了元素的背景颜色,其一般情况下是默认值:background-color: transparent;此属性值代表透明。 属性值:背景颜色的属性值有四种形式,分别为关键字形式,rgb形式,rgba形式,十六进制形式: rgb形式 此处的rgb分别代表red,green,blue三种颜色,每个颜色的取值为0-255。然后将三种...
CSS属性 - background-image CSS属性 - background-repeat CSS属性 - background-size CSS属性 - background-position CSS Sprite CSS Sprite编写建议 练习 CSS属性 - background
body {background:#ffffff url('img_tree.png') no-repeat right top;} 1. 当使用简写属性时,属性值的顺序为:: background-color background-image background-repeat background-attachment background-position
background-image:url('img_tree.png'); background-repeat:no-repeat; background-position:right top; } 尝试一下 » 背景- 简写属性 在以上实例中我们可以看到页面的背景颜色通过了很多的属性来控制。 为了简化这些属性的代码,我们可以将这些属性合并在同一个属性中. ...
background 的常见背景属性 css2.1中,常见的背景属性有以下几种:(经常用到,要记住) background-color:#ff99ff;设置元素的背景颜色。 background-image:url(images/2.gif);将图像设置为背景。 background-repeat: no-repeat;设置背景图片是否重复及如何重复,默认平铺满。(重要) ...
通过运行结果可以看出 background-color 属性能够为元素设置一种纯色的背景,这种颜色会填充元素的内容、内边距以及边框区域(也可以理解为边框及以内的所有区域),对于元素边框以外的区域(外边距)则没有影响。 2. background-image设置背景图 1 background-image:url("imgs/main_bg.jpg"), ...
有些时候,我们想要给一个盒子设置background属性,但是background-imgae无法设置opacity属性,导致我们设置的背景会直接覆盖当前盒子的全部内容。 原因分析: background-image功能比较单一,无法设置透明度,如果直接用opacity强行设置,会导致整个盒子都变得透明。 解决办法: ...
举个栗子:background-position: 50% 0;让一个背景和margin-left:50;让一个img图像居中。第一个居中了,第二个没居中,还要减去图像的一半宽度。 原因就是前者是相对自身x%的位置,后者是相对自身的左上角。 (5)background-color:transparent。默认透明。背景图片颜色 ...
background-image: url(./img/1.png); } 1. 2. 3. 4. 5. 6. 7. 注意事项:如果backgroung-color和background-image同时设置,设置的背景颜色同时会成为背景图片的背景 像这样↓ background-repeat 作用:设置背景图片的重复方式 可选值: repeat:默认值,沿着x轴y轴平铺 ...