css如何让背景图片平铺？

　　在网页设计的过程中，有时候可能会要求背景图片平铺，因为这样会让整个网页看起来比较好看，图片平铺可以不用具体设置body宽度和高度大小，就可以直接将图片平铺整个页面，那么，如何让背景图片平铺呢？接下来本篇文章将给大家来介绍关于css让背景图片平铺的方法，有需要的朋友可以参考一下。

　　我们首先来看一下css设置背景图片平铺方式。

　　repeat：即默认方式，完全平铺背景；

　　no-repeat：在X及Y轴方向均不平铺；

　　repeat-x：横向平铺背景；

　　repeat-y：纵向平铺背景。

　　下面我们就来看一下css的这四种背景图片平铺的实现代码。

　　css背景图片平铺之完全平铺背景的代码：

　　<html>

　　<head>

　　<styletype="text/css">

　　#content{

　　border:1pxsolid#000fff;

　　height:500px;

　　background-image:url(http://img12.3lian.com/gaoqing02/01/58/85.jpg);

　　background-repeat:no-repeat;

　　}

　　</style>

　　<divid="content">

　　</div>

　　</body>

　　</html>

　　css背景图片平铺效果如下：

　　2345截图20181008135659.png

　　css背景图片平铺之在X及Y轴方向均不平铺：