当设置值为cover,可以呈现出图片铺满浏览器内容的视觉效果

实例

规定背景图像的尺寸:

div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

定义和用法

background-size 属性规定背景图像的尺寸。

默认值: auto
继承性: no
版本: CSS3
JavaScript 语法: object.style.backgroundSize="60px 80px"

语法

background-size: length|percentage|cover|contain;
描述 测试
length

设置背景图像的高度和宽度。

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

如果只设置一个值,则第二个值会被设置为 "auto"。

测试
percentage

以父元素的百分比来设置背景图像的宽度和高度。

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

如果只设置一个值,则第二个值会被设置为 "auto"。

测试
cover

把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。

背景图像的某些部分也许无法显示在背景定位区域中。

测试
contain 把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。 测试

最新文章

  1. view类的setVisibility
  2. Asp.net WebApi Put模式调用,“HTTP 错误 405.0 - Method Not Allowed”解决方法
  3. Robots on a grid(DP+bfs())
  4. c++ 创建 socket server
  5. 图解数据结构树之AVL树
  6. 安装ngix
  7. java读取和写入txt文件
  8. maven插件打包可执行jar
  9. JSON【介绍、语法、解析JSON】
  10. Eclipse启动报错An internal error occurred during: "Initializing Java Tooling"
  11. Mysql数据库自带四个数据库的解析
  12. C++中cin的用法汇总
  13. (转)ffmpeg 中 av_read_frame_internal分析
  14. PHP使用 zip 扩展压缩文件
  15. 给Notepad++换主题
  16. Odoo作为后端时如何返回数据给webapp、移动端app
  17. fsck命令详解
  18. 【opencv】cv::Mat_ 对单个元素赋值
  19. 2.css的引入方式
  20. [WikiOI "天梯"1281] Xn数列

热门文章

  1. VirtualBox安装Fedora20
  2. 使用servletAPI三种方式简单示例
  3. js闭包理解
  4. XSS 自动化检测 Fiddler Watcher & x5s & ccXSScan 初识
  5. html表单验证程序
  6. juery动态添加和删除
  7. 用开源Look&Feel (Substance)写 漂亮的Swing应用程序
  8. 【VNC】Linux环境VNC服务安装、配置与使用
  9. IOS开发的目录结构
  10. Python机器学习库scikit-learn实践