css - 要素の端に相対的な背景グラデーションの位置を設定しますか?

Question

左の境界線から 1 ピクセル、上の境界線から 1 ピクセルを開始する背景要素を必要とする css 要素があります。

右の境界線から 1 ピクセル、上の境界線から 2 ピクセルで終了します。

これは実行可能ですか？どのように？

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