博主辛苦了,我要打赏银两给博主,犒劳犒劳站长。
【摘要】有的时候我们需要将背景图片平铺布满整个body页面,并且背景图片不移动。我们需要用到background-size这个属性实现铺满整个body页面
完整代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>如何让背景图片铺满屏幕</title>
<style type="text/css">
*{margin:0;padding:0;}
body{
background: url('image/1.jpg') fixed no-repeat;
background-size: cover;
}
div{width:100px;height:2000px;}
</style>
</head>
<body>
<div></div>
</body>
</html>
演示地址:
http://mafutian.net/home/article/d/id/20.html源代码下载地址:
http://mafutian.net/public/home/download/demo/20.zip版权归 马富天博客 所有
本文标题:《如何让背景图片铺满屏幕》
本文链接地址:http://www.mafutian.net/20.html
转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^
顶0
踩0