1.backgroundcolor

backgroundcolor属性设置元素背景颜色

2.backgroundposition

backgroundposition属性设置背景图像的起始位置需要backgroundattachment 属性设置为 “fixed“,才能保证该属性在 Firefox 和 Opera 中正常工作

常用属性:

3.backgroundsize

backgroundsize属性:设置背景图像的尺寸

常用属性:

px参数1是宽,参数二是高

cover:把背景图扩展至足够大,以使背景图像完全覆盖背景区域可能导致部分无法显示

contain:把图像图像扩展最大尺寸,以使其宽度高度完全适应内容区域

4. backgroundrepeat

backgroundrepeat属性:定义图像的平铺模式

常用属性:

repeat默认背景图像将在垂直方向和水平方重复

repeatx背景图像将在水平方重复

repeaty背景图像将在垂直方向重复

norepeat背景图像将仅显示一次

5. backgroundorigin

backgroundorigin属性:规定 background-position 属性相对什么位置定位

常用属性:

paddingbox背景图像相对于内边距框来定位

borderbox背景图像相对于边框盒来定位

contentbox:背景图像相对于内容框来定位

6.background-clip

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

常用属性:

borderbox:背景被裁剪边框盒。

paddingbox:背景被裁剪内边距框。

contentbox:背景被裁剪到内容框。

7.background-attachment

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

常用属性:

scroll默认值。背景图像会随着页面其余部分滚动移动

fixed:当页面的其余部分滚动时,背景图像不移动。

8.background-image

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

常用属性:

url(‘URL‘)   指向图像的路径

9.background属性:

background属性:在一个声明中设置所有背景属性

例子:background: #00FF00 url(bgimage.gif) no-repeat fixed top;

属性说明

原文地址:https://blog.csdn.net/ct5211314/article/details/129365569

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_39302.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注