温馨提示：这篇文章已超过411天没有更新，请注意相关的内容是否还可用！
为了美化网站，很多网站都会在网站首页或是其他页面设置背景图片，这种突出效果非常有视觉吸引力，也会让访客有吸引眼球的作用，设置网页背景可以直接在网页代码中实现，也可以在CSS中做调整，今天我们就讲讲如何在CSS中设置网页背景图片。
首先我们先了解一下基础的网页代码：
background-color： 背景颜色。
background-position： 背景图像的位置。
background-size： 背景图片的尺寸。
background-repeat ：重复背景图像。
background-origin ：背景图片的定位区域。
background-clip： 背景的绘制区域。
background-attachment： 背景图像是否固定或者随着页面的其余部分滚动。
background-image ：要使用的背景图像。
再来了解一下原理：
下面是设置背景图片的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景图片设置</title>
<style>
.demo{
position:fixed;
top: 0;
left: 0;
width:100%;
height:100%;
min-width: 1000px;
z-index:-10;
zoom: 1;
background-color: #fff;
background: url(2.png);
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
</style>
</head>
<body>
<div class="demo"></div>
</body>
</html>看一下效果：
好了这就是用CSS简单设置背景图片的教程，大家可以自己操作一下。
文章版权声明
1 本网站名称：忆路吧
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。
还没有评论，来说两句吧...