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;
实例:
<!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>
效果
以上就是css怎么让背景图拉伸的详细内容,更多请关注php爱好者其它相关文章!
相关阅读更多 +
-
币安ZRO代币交易指南:新兴加密资产便捷投资攻略 2025-10-04
-
送花的梗是什么梗?揭秘年轻人用花传情的流行暗号,看完秒懂! 2025-10-04
-
燕云十六声止戈群策-群策有霖霖奶局怎么打 2025-10-04
-
币安Gitcoin(GTC)交易指南:高效买卖治理代币全解析 2025-10-04
-
以闪亮之名人气外观礼包限时返场-多款礼包已开启复刻 2025-10-04
-
如鸢隆地冬洞窟活动-值守山匪四回合怎么速杀 2025-10-04
最近更新