backgroundImage: url(이미지 경로)

Tags

Study Date

Status

Done

생성 일시

Dec 27, 2024 08:00 AM

Day

CSS에서 특정 요소의 배경 이미지로 사용할 이미지를 지정하기 위해 사용되는 속성

텍스트나 다른 콘텐츠 뒤에 이미지를 배치할 수 있도록 함


//css 파일
background-image: url('이미지 경로');

//react 컴포넌트 속성
style={{backgroundImage: url(경로)}}

`url()` 함수 ⇒ 외부 리소스(예: 이미지, 폰트 파일 등)를 CSS 스타일에 포함시키는 데 사용되는 함수

이걸로 배경 이미지로 사용할 파일의 경로를 지정


•	절대 경로: `url('<https://example.com/image.jpg>')`
•	상대 경로: `url('./images/background.png')`