html 이미지 넣기 질문이요

html 이미지 넣기 질문이요

QA

html 이미지 넣기 질문이요

답변 1

본문

988310662_1688017378.1948.png

 

div 바깥쪽 사이드부분에 이미지를 좀 길게 넣고 싶어서요

어떤 방법이 있을까요?

이 질문에 댓글 쓰기 :

답변 1


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <style>
        * { margin: 0; padding: 0; }
        .example {
            width: 100%;
        }
        .example .contents {
            display: flex;
        }
        .example .contents > :nth-child(1), .example .contents > :nth-child(3) {
            flex-basis: 20%;
        }
        .example .contents > :nth-child(2) {
            flex-basis: 60%;
        }
        .example .contents > :nth-child(3) > img {
            transform: scaleX(-1);
        }
        </style>
    </head>
    <body>
        <div class="example">
            <header>header</header>
            <article class="contents">
                <section><img src="https://www.pngkey.com/png/full/423-4234845_about-us-left-brace.png" /></section>
                <section>
                    <div>div-1</div>
                    <div>div-2</div>
                    <div>div-3</div>
                    <div>div-4</div>
                </section>
                <section><img src="https://www.pngkey.com/png/full/423-4234845_about-us-left-brace.png" /></section>
            </article>
            <footer>footer</footer>
        </div>
    </body>
</html>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 424
© SIRSOFT
현재 페이지 제일 처음으로