如何用HTML5（而非CSS）设置背景图片不重复并铺满页面？
2026-5-14
关于HTML5设置背景图片不重复的问题
嘿，刚好碰到过类似的疑问！先给你明确结论：仅靠纯HTML5（完全不使用任何CSS，包括内联样式）是没办法实现背景图片不重复的。
为啥这么说呢？HTML5的核心是负责网页的结构，样式控制本来就是CSS的活儿。哪怕是旧HTML里的<body>标签的background属性，HTML5其实已经不推荐使用了（属于过时属性），而且就算有些浏览器还兼容这个属性，它也只能指定图片的URL，没有额外参数能控制是否重复、怎么平铺这些样式细节。
如果想实现你要的「背景图片铺满整个网页且不重复」，最标准的做法还是用CSS，哪怕是写在HTML标签的内联样式里（这其实是CSS的一种写法），示例代码如下：
<body style="background-image: url('你的图片路径.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;">
这里的background-repeat: no-repeat就是让图片不重复，background-size: cover能让图片自适应铺满整个视口，background-position: center center则保证图片居中显示，不会出现偏移。
总结一下：纯HTML做不到，必须借助CSS（哪怕是内联样式）才能实现你要的效果哦。
内容的提问来源于stack exchange，提问作者Saba
