zoukankan      html  css  js  c++  java
  • css怎么让背景图片铺满?

    css让图片铺满的方法:可以使用background-size:cover样式设置背景图片铺满。background-size属性规定背景图像的尺寸。

    豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com

    豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com

    background-size 属性:

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

    语法:

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

    默认值:auto

    继承性:no

    版本:css3

    JavaScript 语法:object.style.backgroundSize="60px 80px"

    属性值:

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

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

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

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

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

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

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

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

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

    background-size:cover样式设置背景图片铺满示例:

    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    body
    {
    background:url(/i/bg_flower.gif);
    background-size:cover;
    -moz-background-size:cover; /* 老版本的 Firefox */
    background-repeat:no-repeat;
    padding-top:80px;
    }
    </style>
    </head>
    
    <body>
    
    </body>
    </html>
  • 相关阅读:
    Spring_依赖注入DI
    Spring_懒加载与非懒加载
    Spring_提示模板配置/搭建spring框架/单例与多例/初始化方法和销毁方法
    Spring
    Mybatis_二级缓存
    Mybatis_一级缓存
    Mybatis_一对多延迟加载
    Mybatis_一对一查询
    MapReduce的核心资料索引 [转]
    Hadoop家族的各个成员
  • 原文地址:https://www.cnblogs.com/qianxiaox/p/13740324.html
Copyright © 2011-2022 走看看