css怎么实现背景图片平铺

这篇文章主要介绍了css怎么实现背景图片平铺，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

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

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

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

　　repeat-x：横向平铺背景；

　　repeat-y：纵向平铺背景。

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

　　#content{

　　border:1pxsolid#000fff;

　　height:500px;

　　background-image:url(https://cache.yisu.com/upload/information/20220117/488/49728.jpg);

　　background-repeat:no-repeat;

　　}