css3实现背景图片拉伸效果像桌面壁纸一样


Posted in HTML / CSS onAugust 19, 2013

使用css3 属性:background-size
background-size:cover 即可实现像桌面壁纸一样拉伸

以下是w3c上面的解释:

语法

复制代码
代码如下:

background-size: length|percentage|cover|contain;

css3实现背景图片拉伸效果像桌面壁纸一样
HTML / CSS 相关文章推荐
CSS3制作精致的照片墙特效
Jun 07 HTML / CSS
css3实现针线缝合效果(图解步骤)
Feb 04 HTML / CSS
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
Jul 21 HTML / CSS
css3学习系列之移动属性详解
Jul 04 HTML / CSS
css3的动画特效之动画序列(animation)
Dec 22 HTML / CSS
CSS3实现酷炫的3D旋转透视效果
Nov 21 HTML / CSS
详解css3中dispaly的Grid布局与Flex布局
Sep 11 HTML / CSS
css3弹性盒子flex实现三栏布局的实现
Nov 12 HTML / CSS
CSS3 文字动画效果
Nov 12 HTML / CSS
html5定位并在百度地图上显示的示例
Apr 27 HTML / CSS
详解HTML5中的拖放事件(Drag 和 drop)
Nov 14 HTML / CSS
发现两个有趣的CSS3动画效果
Aug 14 #HTML / CSS
纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
Aug 11 #HTML / CSS
CSS3正方体旋转示例代码
Aug 08 #HTML / CSS
CSS3 透明色 RGBA使用介绍
Aug 06 #HTML / CSS
实现CSS3中的border-radius(边框圆角)示例代码
Jul 19 #HTML / CSS
CSS3 实用技巧:实现黑白图像效果示例代码
Jul 11 #HTML / CSS
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
Jun 06 #HTML / CSS
You might like
E路文章系统PHP
2006/12/11 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
PHP中子类重载父类的方法【parent::方法名】
2016/05/06 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
网页里控制图片大小的相关代码
2006/06/25 Javascript
做好七件事帮你提升jQuery的性能
2014/02/06 Javascript
JavaScript模板引擎用法实例
2015/07/10 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
2015/08/23 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
js oncontextmenu事件使用详解
2017/03/25 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
vue+axios+element ui 实现全局loading加载示例
2018/09/11 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
详解vue中使用protobuf踩坑记
2019/05/07 Javascript
js实现select下拉框选择
2020/01/11 Javascript
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
python写的一个squid访问日志分析的小程序
2014/09/17 Python
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
Python PIL库图片灰化处理
2020/04/07 Python
python实现自动清理重复文件
2020/08/24 Python
纯css3实现走马灯效果
2014/12/26 HTML / CSS
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
办理暂住证介绍信
2014/01/11 职场文书
四年级学生评语大全
2014/04/21 职场文书
我的教育故事演讲稿
2014/05/04 职场文书
班主任先进事迹材料
2014/12/17 职场文书
毕业生就业推荐表导师评语
2014/12/31 职场文书
2015年幼儿园班主任工作总结
2015/05/12 职场文书
2015年公司后勤管理工作总结
2015/05/13 职场文书
Html5生成验证码的示例代码
2021/05/10 Javascript
DjangoRestFramework 使用 simpleJWT 登陆认证完整记录
2021/06/22 Python
python数据处理之Pandas类型转换
2022/04/28 Python
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL