编程 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 相关文章推荐

纯DOM+CSS3实现简单的小风车动画

Sep 27 HTML / CSS

css背景图片的背景裁切、背景透明度、背景变换等效果运用

Dec 24 HTML / CSS

CSS实现的一闪而过的图片闪光效果

Apr 23 HTML / CSS

CSS3实现滚动条动画效果代码分享

Aug 03 HTML / CSS

CSS3模拟动画下拉菜单效果

Apr 12 HTML / CSS

websocket+sockjs+stompjs详解及实例代码

Nov 30 HTML / CSS

Html5实现单张、多张图片上传功能

Apr 28 HTML / CSS

W3C公布最新的HTML5标准草案

Oct 17 HTML / CSS

利用纯html5绘制出来的一款非常漂亮的时钟

Jan 04 HTML / CSS

完美解决IE8下不兼容rgba()的问题

Mar 31 HTML / CSS

HTML5 客户端数据库简易使用:IndexedDB

Dec 19 HTML / CSS

html5 canvas 实现光线沿不规则路径运动

Apr 20 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

php 高性能书写

2010/12/11 PHP

ThinkPHP打开验证码页面显示乱码的解决方法

2014/12/18 PHP

php单例模式实现方法分析

2015/03/14 PHP

php使用array_search函数实现数组查找的方法

2015/06/12 PHP

Yii2中使用join、joinwith多表关联查询

2016/06/30 PHP

php微信开发自定义菜单

2016/08/27 PHP

浅谈PHP封装CURL

2019/03/06 PHP

从javascript语言本身谈项目实战

2006/12/27 Javascript

JS实现超炫网页烟花动画效果的方法

2015/03/02 Javascript

JavaScript动态添加列的方法

2015/03/25 Javascript

JS基于clipBoard.js插件实现剪切、复制、粘贴

2016/05/03 Javascript

使用原生的javascript来实现轮播图

2017/02/24 Javascript

JavaScript无缝滚动效果的实例代码

2017/03/27 Javascript

vue组件学习教程

2017/09/09 Javascript

karma+webpack搭建vue单元测试环境的方法示例

2018/05/24 Javascript

webpack里使用jquery.mCustomScrollbar插件的方法

2018/05/30 jQuery

基于jQuery实现的设置文本区域的光标位置

2018/06/15 jQuery

vue自定义底部导航栏Tabbar的实现代码

2018/09/03 Javascript

mpvue写一个CPASS小程序的示例

2018/09/04 Javascript

javascript json字符串到json对象转义问题

2019/01/22 Javascript

python人人网登录应用实例

2014/09/26 Python

python开头的coding设置方法

2019/08/08 Python

Python 网络编程之UDP发送接收数据功能示例【基于socket套接字】

2019/10/11 Python

利用Python的sympy包求解一元三次方程示例

2019/11/22 Python

python实现图书馆抢座(自动预约)功能的示例代码

2020/09/29 Python

css3 position fixed固定居中问题解决方案

2014/08/19 HTML / CSS

css实例教程一款纯css3实现的超炫动画背画特效

2014/11/05 HTML / CSS

Canvas 文本转粒子效果的实现代码

2019/02/14 HTML / CSS

Html5游戏开发之乒乓Ping Pong游戏示例(一)

2013/01/21 HTML / CSS

小班秋游活动方案

2014/02/22 职场文书

巾帼志愿者活动方案

2014/08/17 职场文书

党员个人批评与自我批评

2014/10/14 职场文书

小班教师个人总结

2015/02/05 职场文书

中小学生安全教育观后感

2015/06/17 职场文书

python 模拟在天空中放风筝的示例代码

2021/04/21 Python

一文搞懂Python Sklearn库使用

2021/08/23 Python