css怎么让背景图拉伸
时间：2021-08-04
来源：互联网
标签：
今天PHP爱好者给大家带来css怎么让背景图拉伸的方法，在css中，可以使用background-size属性让背景图拉伸，只需要给元素设置“background-size:100% 100%;”样式即可。该属性可以以父元素的百分比来设置背景图像的宽度和高度。希望对大家有所帮助。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
background-size 属性规定背景图像的尺寸。
语法
background-size: length|percentage|cover|contain;
![HH0QT4TE]V4J)FD7XKX6TXR.png](https://images.phpfans.net/img/20210802/img_6107529675c4231.png "1627284347762379.png")
实例：
<!DOCTYPE html>
<html>
<head>
<style>
p
{
background:url(/i/bg_flower.gif);
background-size:35% 100%;
-moz-background-size:35% 100%; /* 老版本的 Firefox */
background-repeat:no-repeat;
}
</style>
</head>
<body>
<p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
</p>
</body>
</html>
效果
![(XY0]S2]9{JI4N)U3OZWIZB.png](https://images.phpfans.net/img/20210802/img_61075296c63fa32.png "1627284539241176.png")
以上就是css怎么让背景图拉伸的详细内容，更多请关注php爱好者其它相关文章！
-
电脑出现normal.dotm错误怎么办?解决方法是什么? 时间：2025-12-15 -
normal.dotm在哪个文件夹里 如何删除normal模板 时间：2025-12-15 -
d3dll.dll不能启动怎么办?怎么修复? 时间：2025-12-15 -
psrpc.dll缺失的原因及解决方法 时间：2025-12-15 -
JavaScript插件Lightbox.js用法详解 时间：2025-12-15 -
isalpha()函数在Python中的用法详解 时间：2025-12-15
今日更新
-
原神云游戏极速畅玩-原神网页版一键秒登直玩
阅读：18
-
学习通网页版账号快捷登录入口-学习通网页版一键直达学习主页
阅读：18
-
欧易保险计划详解：保障内容与投保流程全解析
阅读：18
-
pokipoki免费游戏畅玩-poki小游戏入口一键秒玩
阅读：18
-
皮皮鸭是网络流行语，指搞笑又欠揍的沙雕行为，源自网友对憨憨鸭子的魔性调侃。
阅读：18
-
poki小游戏最新版本下载安装-poki正版官方入口免费秒玩
阅读：18
-
poipiku官网最新入口链接2026-poipiku官方网站怎么进入
阅读：18
-
poki免费游戏畅玩入口-poki免费游戏免登录一键即玩入口
阅读：18
-
皮皮猪的梗是什么梗 揭秘网络爆笑神梗的由来和用法
阅读：18
-
5大保险计划策略 全面守护你的资产安全
阅读：18
