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

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;
}