CSS 배경 이미지를 오른쪽 가장자리로부터 고정된 거리에 배치하려면 어떻게 해야 합니까?

CSS 배경 이미지를 오른쪽에서 고정된 거리에 배치하는 방법

CSS에서는 일반적으로 배경 위치 값에 따라 픽셀 조정이 결정됩니다. 왼쪽과 위쪽 가장자리. 그러나 다음 구문을 사용하여 배경 이미지를 오른쪽에서 특정 거리에 배치할 수 있습니다.

background-position: right [pixels] center;

예:

background-position: right 30px center;

이 코드는 배경 이미지를 배치합니다. 컨테이너의 오른쪽 가장자리에서 30픽셀 떨어진 곳에 수직으로 중앙에 정렬합니다.

이 솔루션은 다음과 같이 대부분의 최신 브라우저에서 작동합니다. caniuse.com. 자세한 내용은 W3C CSS3 배경 사양을 참조하세요.

위 내용은 CSS 배경 이미지를 오른쪽 가장자리로부터 고정된 거리에 배치하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!