美文网首页
背景裁剪

背景裁剪

作者: 琪33 | 来源:发表于2018-04-25 10:52 被阅读0次
        <style>
            .box{
                width: 500px;
                height: 500px;
                border: 30px solid rgba(0,0,255,0.3);
                padding:30px;
    
                background:url(images/baby0.jpg) no-repeat;
                /* 设置背景原点*/
                background-origin: border-box;
    
                /* 背景裁剪*/
                /* border-box :从 border-box开始裁剪
                   padding-box :从 padding-box开始裁剪
                   content-box :从 content-box开始裁剪
                */
                background-clip:content-box;
            }
        </style>
    </head>
    <body>
    <div class="box"></div>
    </body>
    

    相关文章

      网友评论

          本文标题:背景裁剪

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