css - 设置相对于元素边缘的背景渐变位置？

Question

我有一个 CSS 元素，它需要一个背景元素，从左边框开始一个像素，从上边框开始一个像素

并且从右边界结束一个像素，距离上边界两个像素

这是可行的吗？如何？

Answer 1

您可以使用 CSS 属性来执行此操作background-position: 1px 1px;

编辑：你也可以这样做background-position: right top;

或者你可以这样做

<div class="container">
    <div class="background"></div>
</div>

.container {
    position: relative;
}

.background {
    position: absolute;
    right: /*Whatever*/;
    z-index: -1;
}