[SH FILM/CSS] background - image border

저렇게 딱 떨어지는 배경 이미지는

너무 안예쁘다.

 

이미지 모서리 가장자리가 둥글게 표현되었으면 좋겠는디

 

그냥 <img> 태그로 넣은 그림은

border-radius: 30px;

이런 식으로 주면 되는데

 

background-image는 뭔가 다르려나?

하고 찾아봄

---

응 아니야

똑같아

 

.career{
    background-image: url(../img/main_intro_function_back.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 30px;
    color: white;
}

 

border-radius: 30px;

이 코드를 추가해주면 모서리 둥글둥글 빔 효과를 줄 수 있다.

 

 

쫘좐