.container { width: 100%; height: 500px; background-image: url('bg.jpg'); background-size: 100% 100%; }
在上述代码中,背景图片的url属性可以自行替换成自己的图片路径,其中background-size属性的第一个值100%表示图片宽度占据容器100%,第二个值100%表示图片高度也占据容器100%。
使用CSS3背景100%时,需要注意容器的高度和宽度要设定,否则背景图片无法显示。
总之,CSS3背景100%是一种让背景图片自适应容器大小的方式,可以提升网站的美观度和用户体验。请输入您的文章…