[CSS] div에 사진 넣기 background-image: url("")

<img>태그를 이용하지 않고 

<div>태그에 css속성의 background-image: url("");을 통하여 사진을 넣을 수 있다.

 

        .main_div{
            background-image: url("./resources/img/01.jpg");
            background-position: center;
            height: 300px;
            border-radius: 10px;
            border: 10px solid green;
        }