时间：2023-09-01 12:06:01 | 来源：网站运营
时间：2023-09-01 12:06:01 来源：网站运营
css如何让背景图片平铺？css背景图片平铺四种方式介绍：在网页设计的过程中，有时候可能会要求背景图片平铺，因为这样会让整个网页看起来比较好看，图片平铺可以不用具体设置body宽度和高度大小，就可以直接将图片平铺整个页面，那么，如何让背景图片平铺呢？接下来本篇文章将给大家来介绍关于css让背景图片平铺的方法，有需要的朋友可以参考一下。
在线咨询
<html><head><style type="text/css"> #content { border:1px solid #000fff; height:500px; background-image:url(http://img12.3lian.com/gaoqing02/01/58/85.jpg); background-repeat: no-repeat; } </style><div id="content"></div> </body></html>css背景图片平铺效果如下：<html><head><style type="text/css"> #content { border:1px solid #000fff; height:500px; background-image:url(images/tu.jpg); background-repeat: no-repeat; } </style><div id="content"></div> </body></html>css背景在X及Y轴方向均不平铺效果如下：<html><head><style type="text/css"> #content { border:1px solid #000fff; height:500px; background-image:url(images/tu.jpg); background-repeat: repeat-x; } </style><div id="content"></div> </body></html>css横向平铺背景效果如下：<html><head><style type="text/css"> #content { border:1px solid #000fff; height:500px; background-image:url(images/tu.jpg); background-repeat: repeat-y; } </style><div id="content"></div> </body></html>css纵向平铺背景效果如下：关键词：图片,背景,方式
