CSS:向背景图像添加填充

标签 css

我需要为带有背景图像的类添加填充。但是,当我这样做时,填充不会添加到背景图像中,只会添加到 anchor 中。我究竟做错了什么?这是我的 CSS:

.heart {
    width:200px;
    height:18px;
    background:url(/images/content/digital-learning/course-library/sprite-favorites.png) 0px 18px repeat-y;
    padding-left: 20px;
    display:block;
}

最佳答案

尝试使用 margin-left: 20px; 代替。

margin 在容器外,padding 在容器内,所以 padding 不会移动容器的背景。

关于CSS:向背景图像添加填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16282912/

相关文章:

javascript - 当代码中有 bootstrap.min.js 时,Bootstrap 导航栏下 zipper 接不起作用

CSS 兄弟选择器未触发

jquery - 如何像谷歌表单一样将背景颜色中心向右和向左设置动画?

css - 在 python flask 元素中管理 bootstrap 的最佳方法

javascript - 将正方形除以对 Angular 线,并使每个生成的三 Angular 形成为一个单独的按钮

jquery - 在移动设备上禁用水平滚动

html - 溢出的 css 对齐问题和溢出的内联对象 :hidden

html - 在 Twitter Bootstrap 的 Carousel 模板中将字幕居中对齐并置于特写图像下方

css - 在 mat-table 中只选择一行,如果选择其他行,则取消选择第一行

html - 使用 CSS 自定义类型的输入