html制作图片全屏代码

网页的设计离不开图片的运用，而针对图片全屏展示，HTML也提供了相应的代码。最常用的代码是background属性，其可以将图片设置为背景并铺满整个页面。

    body {
        background: url("image.jpg") no-repeat center center fixed;
        background-size: cover;
    }

以上代码中，url("")中的路径是图片的路径，no-repeat表示不用重复铺展，center center是指图片在水平和垂直方向上都居中展示，fixed是指在滚动页面的时候，图片不会跟随滚动而改变位置，而是始终保持固定。

background-size属性表示图片在背景中的展示方式，有三种属性值：

• cover：图片等比例缩放，铺满整个页面。
• contain：图片等比例缩放，全部显示在页面内部，可能会留有背景空白。
• 100% 100%：图片按照自己的尺寸展示，不进行任何缩放。

总的来说，通过background属性可以让图片铺满整个页面，并设置其位置和展示方式。这是制作图片全屏的常用代码之一。