背景裁剪

2018-04-25  本文已影响0人  琪33
    <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>
上一篇下一篇

猜你喜欢

热点阅读