CSS를 사용하여 배경 이미지를 오른쪽에서 오프셋하는 방법은 무엇입니까?

CSS를 사용하여 배경 이미지를 오른쪽에서 위치 지정

요소의 오른쪽에서 배경 이미지를 오프셋하는 것은 다음과 같은 간단한 조정을 통해 수행할 수 있습니다. 배경 위치

질문:

"배경 이미지를 해당 요소의 오른쪽에서 특정 픽셀 수만큼 배치하려면 어떻게 해야 합니까?"

답변:

CSS3에서 background-position 속성은 조정을 위한 다양한 메커니즘을 제공합니다. 배경 이미지의 배치. 오른쪽으로부터 특정 거리에 이미지를 배치하려면 다음 구문을 사용하십시오.

background-position: right Xpx top;

여기서 "Xpx"는 오른쪽 가장자리로부터 원하는 오프셋을 나타냅니다. 예를 들어 이미지를 오른쪽에서 10픽셀 위치에 배치하려면 속성을 다음과 같이 설정합니다.

background-position: right 10px top;

이 기능은 모바일뿐만 아니라 Chrome, Firefox, Safari를 포함한 최신 브라우저에서 널리 지원됩니다.

참고:

이 기술은 Internet Explorer 8 이하에서는 지원되지 않습니다. 그러나 이제 Internet Explorer 11 및 Edge를 포함한 모든 주요 브라우저에서 지원됩니다.

위 내용은 CSS를 사용하여 배경 이미지를 오른쪽에서 오프셋하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!