有代理资源网

热门关键词: 
旗下栏目:JavaScriptasp.netPHP编程正则表达式AJAX相关ASP编程JSP编程黑客相关相关技巧网页编辑器XML/RSS 帮助
您现在的位置:首页 > 网络编程 > CSS/HTML > 正文

css 实现背景图片拉伸

所属栏目: CSS/HTML | 发布时间:2017-03-19 10:13:23 | 小编:橙子 | #我要评论#

使用css3 属性:background-size

 


background-size:cover   即可实现像桌面壁纸一样拉伸

 

 

以下是w3c上面的解释:


语法
background-size: length|percentage|cover|contain;值 描述  
length 设置背景图像的高度和宽度。

第一个值设置宽度,第二个值设置高度。

如果只设置一个值,则第二个值会被设置为 "auto"。
  
percentage 以父元素的百分比来设置背景图像的宽度和高度。

第一个值设置宽度,第二个值设置高度。

如果只设置一个值,则第二个值会被设置为 "auto"。
  
cover 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。

背景图像的某些部分也许无法显示在背景定位区域中。
  
contain 把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。  



热点聚合:css

看过本文的人还看过

本周热门

关于有代理资源网-版权声明-广告服务-发展历程-常见问题-联系我们- TAG标签-网站地图

本站资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。敬请谅解!
侵权删帖/违法举报/投稿联系邮箱:duomu@vip.qq.com

Copyright © 2014-2018 有代理资源网 版权所有 鄂ICP备14013235号-8  鄂公网安备 42090202000244号  

Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。