首页 > 编程知识 正文

html图片背景,htmlcss背景颜色

时间:2023-05-05 19:32:40 阅读:44139 作者:974

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。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。