How to stretch the background image in css

在css中，可以使用background-size属性让背景图拉伸，只需要给元素设置“background-size:100% 100%;”样式即可。该属性可以以父元素的百分比来设置背景图像的宽度和高度。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

background-size 属性规定背景图像的尺寸。

语法

background-size: length|percentage|cover|contain;

实例：

    
  
 
这是一个段落。
 
这是一个段落。
 
这是一个段落。
 
这是一个段落。
 
这是一个段落。
 
这是一个段落。
 
这是一个段落。
 
这是一个段落。
 
这是一个段落。
 
  

效果

推荐学习：css视频教程

The above is the detailed content of How to stretch the background image in css. For more information, please follow other related articles on the PHP Chinese website!