html 이미지 넣기 질문이요
본문
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>
답변을 작성하시기 전에 로그인 해주세요.