Div에 background image 사용하기

웹에서 만약 background image를 사용하려면

background-image: url(http://..../);

 

CSS에서 이런 식으로 지정해 줍니다

 

Compose web에서도 div에 bacckground Image를 사용할 수 있습니다.

 

backgroundImage("https://images.unsplash.com/photo-1519810755548-39cd217da494?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=776&q=80")

그러면 이런 식으로 사용하면 되나? 싶어서 해봤지만

이미지가 로딩이 되지 않고,

그저 검은 화면이 뜨게 됩니다.

 

이유는 

해당 코드에서 url을 따로 지정해주지 않기 때문입니다.

 

따라서 

backgroundImage("url(https://images.unsplash.com/photo-1519810755548-39cd217da494?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=776&q=80)")

이런식으로 이미지의 주소를 url()로 감싸주어야 합니다.