美文网首页
背景尺寸

背景尺寸

作者: 琪33 | 来源:发表于2018-04-25 09:32 被阅读0次
    <style>
        .box{
            width: 500px;
            height: 500px;
            border: 1px solid #000;
            margin:100px auto;

            background:url(images/baby0.jpg) no-repeat;

            /* 控制背景的大小*/
            /*具体数值*/
            /*background-size: 500px 500px;*/
            /* 百分比*/
            /*background-size:50% 50%;*/

            /* cover  覆盖   contain: 包含*/
            /* cover 会保证完全覆盖盒子,但不能保证完整显示*/
            background-size:cover;

            /*contain :包含*/
            /* 保证背景图片最大化的在盒子中等比例显示,但不保证能铺满盒子*/
            /*background-size: contain;*/
        }
    </style>
</head>
<body>
    <div class="box"></div>
</body>

相关文章

  • 背景尺寸

  • 背景尺寸

    background-size后可接4种值 1.具体的数值 background-size:700px 700...

  • 背景定位&背景尺寸

    background-position background-size Background-position 1...

  • 章节(23) 背景相关

    一. 背景尺寸属性 1.什么是背景尺寸属性背景尺寸属性是CSS3中新增的一个属性, 专门用于设置背景图片大小 ba...

  • 一个好用的图片占位图地址

    默认效果http://temp.im/ + 尺寸 背景色 http://temp.im/ + 尺寸 + 背景色...

  • [CSS] background-size

    规定背景图像的尺寸:

  • CSS3笔记(三)背景

    1、回顾css2 背景属性 2、背景尺寸 3、背景原点 4、背景裁剪 4、多背景

  • 背景相关

    1.什么是背景尺寸属性 背景尺寸属性是CSS3中新增的一个属性, 专门用于设置背景图片大小 背景图片定位区域属性 ...

  • CSS-背景相关属性

    背景尺寸属性 背景尺寸属性是CSS3中新增的一个属性, 专门用于设置背景图片大小 通过具体像素设置backgrou...

  • 23-背景

    什么是背景尺寸属性 背景尺寸属性是CSS3中新增的一个属性, 专门用于设置背景图片大小 1.1 具体像素:第一个...

网友评论

      本文标题:背景尺寸

      本文链接:https://www.haomeiwen.com/subject/yzdelftx.html