div 태그로 img넣기_ background-image

결과물

HTML 코드

<div class="story">
        <div class="img"></div>
        <h2>스파르타 본진</h2>
        <h3>서울 강남구 논현로 425 501호</h3>
        <p>
            스파르타의 첫번째 단독 사무실.
            와 우리 사무실이 생긴다니!
            부동산도 보러 다니고, 인테리어도 우리가 하고.
            의자 조립하느라 다들 손이 빨갛게 됐다.
            그래도 좋았던 날.
            이 날 점심으로 짜장면을 먹었던 것 같은데..
        </p>
    </div>

CSS 코드

.img {
    width: 450px;
    height: 300px;

    background-image: url('image.jpg');
    background-position: center;
    background-size: cover;

    border-radius: 24px;
}

 

 

 

***

    background-image: url(이미지 가져올 곳');
    background-position: center;
    background-size: cover;

    border-radius: 24px;