编程 HTML / CSS

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