Question

background-clip 是什么意思？怎么用？

background-clip属性指定背景绘制区域？？？
请大神来解释上面这句话的意思！！

Answer 1

background-clip有三个属性值，即border-box、padding-box、content-box；

border-box    背景被裁剪到边框盒。    

padding-box    背景被裁剪到内边距框。    

content-box    背景被裁剪到内容框。    

比如，背景为黄色的例子。

CSS代码：

#MyDIV
{
padding:25px;
border:10px dotted #000000;
background-color:yellow;
background-clip:padding-box;
}

使用border-box的效果图：

padding-box的效果图:

content-box的效果图：

追问

指定背景绘制区域 是啥意思

追答

就是那些效果图中黄色部分就是背景区域，那三个属性的区别就在那三张效果图中显现。