css里background-clip和background-oringin的意义与运用

background-clip:border(默认):    //padding ,content为可选值        这句CSS的意思为背景图片的可显示区域

background-origin:border(默认):    //padding ,content为可选值　　这句CSS的意思为背景图片的可绘制区域

 所以背景图片在padding区域是会有显示的.

PS:

< 是精灵图里的一个图标.盒子大小为46px,   在左上角,除了用定位外,还可以设置 

padding:12px;   background-clip:content;   background-origin:content;

 显示效果如下:

 

posted @ 2017-10-27 00:14  天使泪好美  阅读(120)  评论(0)    收藏  举报