在css中,可以使用 background-size 属性让背景图拉伸,只需要给元素设置“background- Size: 100% 100%;”样式即可。该属性可以以父元素的百分比来设置背景图像的 宽 度和高度。
本教程操作环境:windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
background -s ize 属性规定背景图像的 尺寸 。
语法
background-size: length| PE rcentage|cover|cont ai n;
实例:
<!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怎么让背景图拉伸的详细内容,更多请关注其它相关 文章 !
总结
以上是 为你收集整理的 css怎么让背景图拉伸 全部内容,希望文章能够帮你解决 css怎么让背景图拉伸 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did200099