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>
  • 相关阅读:
    懂得拐弯,是人生大智慧!
    人心如落叶
    人生聚散,一切随缘!
    35岁以后你还能干嘛?
    人品好,自带光芒
    有一种心境,叫顺其自然
    304. Range Sum Query 2D
    303. Range Sum Query
    301. Remove Invalid Parentheses
    297. Serialize and Deserialize Binary Tree
  • 原文地址:https://www.cnblogs.com/qianxiaox/p/13740324.html
Copyright © 2011-2022 走看看