리얼로다가코린이
407
2021-10-15 12:16:11
0
97

이미지 배치가 능숙하지 못합니다. 도움부탁드립니다.


제가 화면을 만들려고 html, css를 이용해서 만들고있는데 화면은 사진처럼 출력을 하는데 웹페이지 창을 줄였다가 키웠다가 하면 로고랑 흰 배경 이미지는 변경이 가능한데 흰배경안에 이미지 2개가 반응형(?)으로 조절이 안되서 질문드립니다. 


<body>
    <div class="mainlogo">
        <img src='./imgs/lang_logo.png'>
    </div>
    <div class="whiteback">
        <div>
            <div style="position: absolute; top: auto; left: 28%; margin-top: 80px;">
                <a href="#" target="_self"><img src="./imgs/orange_box.png"/></a>
            </div>
        </div>
        <div>
            <div style="position: absolute; top: auto; left: 50%; margin-top: 59px;">
                <a href="#" target="_self"><img src="./imgs/blue_box.png"/></a>
            </div>
        </div>
        <img src="./imgs/white_box.png"></img>
    </div>
</body>

위에 html이고 밑에 css입니다.

body {
    background-color: lightblue;
}

h1 {
    width: 350px;
    height: 72px;
}

.mainlogo {
    margin: 20px auto;
    text-align: center;
}

img {
    margin: 0px auto;
}





0
  • 답변 0

  • 로그인을 하시면 답변을 등록할 수 있습니다.