css如何让一张照片循环铺满

CSS是网页制作必不可缺的部分，它能够实现很多有趣和实用的效果。其中，让一张照片循环铺满页面的效果也是很有趣的一种，下面就让我们来具体了解一下吧。

    <style type="text/css">
      html,body{
        height:100%; /*页面设为100%高度*/
      }
      body{
        background:url(image.jpg) repeat; /*设定背景照片并重复铺满*/
        background-size:cover; /*使照片始终填满屏幕*/
      }
    </style>

从上面的代码可以看出，实现这种效果主要要用到background属性。首先，我们需要将页面的高度设为100%。然后，在body标签中，我们通过使用url属性，将需要循环铺满的照片引入。接着，我们使用repeat属性来让它不断重复铺满整个页面。

不过，仅仅这样可能还不够，因为图片的长宽比和网页的长宽比不一定一致，为了使图片能始终充满整个页面，我们还需要使用background-size属性。后面跟着的cover参数表示将照片拉伸或缩小，以适应屏幕的大小，始终填满整个页面。

经过这样的操作我们的照片就能够循环铺满整个页面了，可以供用户欣赏和使用。如果你也想尝试这种效果的话，可以尝试使用以上的代码，或者自己根据需要进行修改和完善，让你的照片在网页中实现更加丰富多彩的效果。