css 背景图设置成铺满拉伸

2021-10-19 乐帮网

web css

css中设置背景图拉伸铺满容器，代码如下：

.mycss{
    background-image:url('./image/bg.png');
    background-size:cover;
    background-repeat:no-repeat;
}

有时候还可以写成如下：

.mycss{
    background-image:url('./image/bg.png');
    background-size:cover;
    background-repeat:100%;
}

建议使用第一种。
background-image ：设置元素的背景图片。background-repeat ：设置如何平铺背景图片。background-position ：设置背景图片的位置。background-size ：设置背景图片的大小。

关注我的微信公众号
在公众号里留言交流
投稿邮箱：1052839972@qq.com

庭院深深深几许？杨柳堆烟，帘幕无重数。
玉勒雕鞍游冶处，楼高不见章台路。
雨横风狂三月暮。门掩黄昏，无计留春住。
泪眼问花花不语，乱红飞过秋千去。

如果感觉对您有帮助
欢迎向作者提供捐赠
这将是创作的最大动力