hooyantsing's Blog

P51_1_背景颜色与裁切使用

字数统计: 75阅读时长: 1 min
2020/04/13

P51 1 背景颜色与裁切使用

background-image

设置背景图片

1
background-image: url();

background-clip

content-box

68c04d7e5c83f56b3fecf8283c6e9a63.png

padding-box

1d9452d54edd4efd6183199cd24ef7e7.png

border-box

56afcf7bf344629dc15ebc9670f45566.png

1
2
3
4
5
6
//padding占用的部分不覆盖背景图片
background-clip: content-box;
//padding占用的部分也覆盖背景图片
background-clip: padding-box;
//背景延伸到边框上
background-clip: border-box;
CATALOG