CSS技巧：如何在单个div中为背景图添加留白

"使用padding属性来为div元素设置留白。padding属性用于设置元素的内边距，可以为其添加留白。\n\n例如，以下代码会在div元素周围添加10像素的留白：\n\ncss\ndiv {\n padding: 10px;\n}\n\n\n如果你想要为背景图设置留白，可以在div元素上使用padding属性，并在其中放置一个子元素来显示背景图。然后，为子元素设置背景图，并使用margin属性为其添加留白。\n\n例如，以下代码会在div元素周围添加10像素的留白，并为背景图添加10像素的留白：\n\ncss\ndiv {\n padding: 10px;\n}\n\ndiv > .bg-image {\n background-image: url('your-image.jpg');\n background-size: cover;\n background-position: center;\n margin: 10px;\n}\n\n\nHTML代码示例：\n\nhtml\n<div>\n <div class="bg-image"></div>\n</div>\n\n\n通过这种方式，你可以为背景图添加留白，并为div元素本身添加额外的留白。