1 .设置背景颜色
背景色是CSS的背景色属性,可以设置HTML元素的背景色,设置整个网页的背景色,以及网页中某些元素的背景色,如表的背景色和图层的背景色。
示例1 :
此代码将整个网页的背景色设置为蓝色#0080FF
2 .设置背景图像
)1)背景图像是CSS的背景图像属性,该属性用于设置HTML元素的背景图像。 您可以设置整个网页的背景图像,也可以设置网页某些元素的背景图像,如表格背景图像和图层背景图像。
示例2 :
此代码设置整个网页的背景图像。 网页和图像可以保存在不同的网站空间中。 背景图像在横向和纵向都重复。
示例3 :
如果网页和图像位于同一站点空间,而图像位于images目录下,则示例1中的代码还可以用图像的相对路径编写。
)2)背景重复是CSS的背景重复属性,该属性通常与背景图像一起使用,以控制背景图像的重复显示方式。 属性值如下。
repeat-x背景图像在横向上重复
repeat-y背景图像纵向重复
无重复背景图像不重复
示例4 :
此代码设置网页的背景图像。 背景图像只在纵向上重复。
示例5 :
此代码设置网页的背景图像。 背景图像只在横向上重复。
示例6 :
此代码设置网页的背景图像,背景图像不重复。
)3)背景附件是CSS的背景附属属性,该属性通常与背景图像一起使用,用于控制背景图像是根据网页内容滚动还是固定。 属性值如下。
scroll (默认)
固定的
示例7 :
此代码设置网页的背景图像。 背景图像不重复,不根据网页内容滚动。
)4)背景附件是CSS的背景位置属性,该属性通常与背景图像一起使用,以控制背景图像的第一个位置。
示例8 :
此代码设置网页的背景图像。 背景图像不重复,根据网页内容滚动。 背景图像的初始位置从网页的最左侧开始为50px,从网页的最上方开始为30px。
)4) background是CSS中的背景属性,该属性是综合属性,可以将以上单独定义的背景属性组合在一起,简化代码,用空格分隔不同的背景属性之间。
示例9 :
此代码将网页的背景颜色设置为蓝色#0080FF。 背景图像不重复,不根据网页内容滚动。 背景图像的初始位置从网页的最左侧开始为50px,从网页的最上方开始为30px。