代码位置
添加背景需要写在专门的css文件中或者在网页文件的html标签中新建style标签里:
<html><style>配置语句</style></html>
了解background属性:
background属性是一个简写属性,专门设置背景的属性,可以设置背景色,也可以设置背景图片。
下面看看background可以设置的属性:
background-color: 规定要使用的背景颜色。
background-position: 规定背景图像的位置。
background-size: 规定背景图片的尺寸。
background-repeat :规定如何重复背景图像。
background-origin :规定背景图片的定位区域。
background-clip: 规定背景的绘制区域。
background-attachment: 规定背景图像是否固定或者随着页面的其余部分滚动。
background-image :规定要使用的背景图像。
设置一个在网页中添加背景且居中填充不拉伸的背景
1.添加背景图片
background: url(图片地址);
2.设置图像居中显示
background-position: center center;
3.添加 -webkit-background-size属性,设置图片始终自适应填充不拉伸的背景
-webkit-background-size: cover;