在元素中显示背景图像时的 css 问题

标签 css background background-image

我遇到了一个问题,假设我想显示一个链接的背景图片

                  |   words   |

竖条表示链接的开始/结束,它实际上并不存在

并且我希望背景图像水平显示,但不是从栏开始,到栏结束,

我希望它从距左侧栏 13px 和距右侧栏 13px 处开始??

我知道 css 中有 background-position,但我可以要求 background-position 为我指定 13px 吗???

最佳答案

以下代码可以满足您的需要:

<style>
    .biglink {
        margin: 0 13px 0 13px;
        background: url('background.png') no-repeat center center;
    }
</style>

关于在元素中显示背景图像时的 css 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1502180/

相关文章:

javascript - 当插入符号在元素中时,是否有 CSS 选择器?

html - 响应图像悬停缩放

android - 要为 Android Activity 设置半透明背景?

css 背景图像不是无缝的

html - 圆 Angular 包含在小分区中的大图像的侧面在 Chrome 中不起作用

javascript - 获取背景图片 url 值

css - 固定位置在某些浏览器中无法按预期工作

jquery - 如何使用 jquery waypoint 显示两个 id 之间的隐藏 div

android - 如果在 Android 中达到特定日期和时间,我如何在后台检查

OpenGL : How to set up OpenGL to just render to a FBO, 没有输出到屏幕/窗口/控件?