Css3——background属性详解

background ：背景。在css里面作为css属性一成员，通过该属性可设置背景图片、背景颜色、背景图片截取等样式。而仅仅一个background又具有多个子属性。

字体属性 与字体有关的属性包括：font-family，font-style，font-variant，font-weight，font-size，font。执行顺序是：font-style，font-variant，font-weight，font-size font-family：如果字体的名称中含有空格，那么要加上双引号。

CSS3中的background-origin属性值为：padding-box：背景图像相对于内边距框来定位。border-box：背景图像相对于边框盒来定位。content-box：背景图像相对于内容框来定位。

padding-box 背景图像相对于内边距框来定位。border-box 背景图像相对于边框盒来定位。content-box 背景图像相对于内容框来定位。

background-position属性值

background-position取值为长度单位时，要设置水平方向数值（x轴）和垂直方向数值（y轴）。当background-position取值为关键字时，也需要设置水平方向和垂直方向的值，只不过值不是使用px为单位的数值，而是使用关键字代替。

背景位置是CSS中的一个属性，它用于确定背景图片在页面中的位置。此属性值有助于精确地控制背景图像的起始点。该属性主要接受两种类型的值：关键字和像素值。关键字值：这些值包括如top、bottom、left、right等，可以用来确定背景图片的位置是居中还是偏移。

`background-position`是CSS中的一个属性，用于控制背景图片在元素内部的开始位置。它可以调整背景图像在水平和垂直方向上的位置。此属性常常与背景图像尺寸和背景图像重复属性一起使用，以达到理想的背景效果。 基本语法：`background-position`的值可以接受像素值、百分比或关键词。

`background-position`的第一个值表示背景图像在水平方向上的位置。在这个例子中，背景图像的左侧会与包含元素的左侧对齐。数值“0”意味着没有水平方向的偏移，即图像将按照其默认的水平位置显示。 第二个值表示背景图像在垂直方向上的位置。

css代码中background属性有什么用处?

一，background可以设置背景颜色、背景图片、定位等。而background-color只能设置背景颜色 。二，底色（background-color）是纯的色区。背景（background），可以是纯色也可以是图案。三，background的属性值是图片资源，而background-color的是颜色。

background-image属性用于为一个元素设置一个或多个背景图片，多个背景图片之间以逗号隔开。

background-origin的默认值是padding-box，代表的是背景图片开始的原点。background-origin：border-box； 图像从边框开始显示，表示以表框左上角为原点展开背景图片。background-origin：padding-box； 图像从内边距开始显示（默认），表示以内填充区左上角为原点展开背景图片。

在前端开发中提升页面美感，背景图片的使用必不可少。CSS中的background属性就是实现这一目标的关键。它包括多个子属性，如background-color、background-position、background-size等，其中background-image属性正是用于设置HTML页面的背景图片。

background-attachment属性值

1、该属性值有scroll、fixed、local。scroll：这是默认值，背景图像会随着页面的滚动而移动，即背景和内容是绑定的。fixed：背景图像相对于视口固定，所以随页面滚动背景不动，这意味着无论页面如何滚动，背景图像都会保持在相同的位置。

2、background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

3、background-attachment 属性在网页设计中扮演着关键角色，它决定着背景图像在页面滚动过程中的行为方式。这个属性允许开发者控制背景图片是否固定不动，或者随着页面的其余部分一起上下移动。该属性有三个可能的取值：scroll、fixed 和 inherit。

4、background-attachment：设置或检索背景图像是随对象内容滚动还是固定的。

怎样设置背景色?

首先，打开win10电脑的控制面板。进入控制面板后，点击外观和个性化。进入外观和个性化界面，选择更改半透明窗口颜色。然后点击“高级外观设置”。进入窗口颜色和外观，点击项目下拉菜单中选择窗口，将它设置成想要的颜色。新建一个记事本文件，即可看到背景颜色的变化了。

打开手机的“设置”应用程序。这通常是一个齿轮或类似形状的图标。 滚动或搜索找到“显示”或“屏幕”设置。这可能会根据你使用的设备和操作系统有所不同。 在“显示”或“屏幕”设置中，寻找与背景、主题或颜色相关的选项。这可能包括“背景色”、“壁纸”或“深色主题”等。

方法一：使用页面布局选项卡更改背景色 打开你的Word文档。在顶部的菜单栏中，找到并点击页面布局选项卡。这个选项卡包含了一系列与页面格式和布局相关的选项。 在页面布局选项卡中，找到页面背景组。

打开Google Chrome，点击右上角的三个点菜单图标。 从下拉菜单中选择“设置”。 在左侧菜单中，点击“外观”。 找到“主题”选项，点击下拉菜单。 选择“自定义”选项。 在弹出的颜色选择器中，选择一种护眼的绿色，如RGB（199， 237， 204）。