css怎么让背景图拉伸

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

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

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

语法

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

实例：

!DOCTYPE html>
    html>
    head>
    style>
 div{
    background:url(/i/bg_flower.gif);
    background-size:35% 100%;
    -moz-background-size:35% 100%;
     /* 老版本的 Firefox */background-repeat:no-repeat;
}
    /style>
    /head>
    body>
    div>
    p>
    这是一个段落。/p>
    p>
    这是一个段落。/p>
    p>
    这是一个段落。/p>
    p>
    这是一个段落。/p>
    p>
    这是一个段落。/p>
    p>
    这是一个段落。/p>
    p>
    这是一个段落。/p>
    p>
    这是一个段落。/p>
    p>
    这是一个段落。/p>
    /div>
    /body>
    /html>
    

效果

推荐学习：css视频教程

以上就是css怎么让背景图拉伸的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！