«

css添加背景的相关属性

时间:2023-2-10 16:43     作者:!admin     分类:


  css添加背景的相关属性

  background-color属性设置元素的背景颜色,用于添加纯色背景。

  background-image属性为元素设置背景图像。

  background简写属性在一个声明中设置所有的背景属性,可用于添加纯色背景或背景图像。

  background-color属性

  background-color属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。

  transparent值

  尽管在大多数情况下,没有必要使用transparent。不过如果您不希望某元素拥有背景色,同时又不希望用户对浏览器的颜色设置影响到您的设计,那么设置transparent值还是有必要的。

  background-image属性

  background-image属性为元素设置背景图像。元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。

  默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

  根据background-repeat属性的值,图像可以无限平铺、沿着某个轴(x轴或y轴)平铺,或者根本不平铺。

  初始背景图像(原图像)根据background-position属性的值放置。

  background属性

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

  可以设置如下属性:

  background-color:规定要使用的背景颜色。

  background-position:规定背景图像的位置。

  background-size:规定背景图片的尺寸。

  background-repeat:规定如何重复背景图像。

  background-origin:规定背景图片的定位区域。

  background-clip:规定背景的绘制区域。

  background-attachment:规定背景图像是否固定或者随着页面的其余部分滚动。

  background-image:规定要使用的背景图像。