如何通过background-image属性实现图片拉伸效果

背景图片拉伸效果

使用background-image属性可以实现图片拉伸效果，它可以让图片自动拉伸填充背景，屏蔽图片大小和背景大小的差异。

使用方法

• 需要在CSS样式中添加background-image属性，指定图片路径，如：

      background-image:url('images/bg.jpg');
    

• 指定background-size属性，可以使用百分比，如：

      background-size:100%;
    

  或者使用cover，如：

      background-size:cover;
    

• 指定background-position属性，可以指定图片在背景中的位置，如：

      background-position:center;
    

这样，就可以实现图片拉伸效果，能够自动填充背景，屏蔽图片大小和背景大小的差异。