목록으로

헤더부분 이미지 어떻게 넣나요? 채택완료

임성균

프로필 보기 이 회원 글보기 이 회원의 댓글보기

8년 전 조회 3,330

답변 1

위에 있는 worldskin 사이트가 저의 사이트 입니다 밑에있는 사이트처럼 사진을 꽉차게 넣싶습니다 어떻게 하면 가능할까요?

#헤더 #이미지

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

정렬:

채택된 답변

+20 포인트

배르만

프로필 보기 이 회원 글보기 이 회원의 댓글보기

8년 전

</p><p><!DOCTYPE html></p><p><html></p><p>    <head></p><p>        <meta charset="UTF-8" /></p><p>        <title>title</title></p><p>        <style type="text/css"></p><p>        body {</p><p>            background-image: url(<a href="<a href="https://img3.goodfon.ru/wallpaper/big/7/59/stockholm-sverige-stokgolm.jpg);" target="_blank" rel="noopener noreferrer">https://img3.goodfon.ru/wallpaper/big/7/59/stockholm-sverige-stokgolm.jpg);</a>"><a href="https://img3.goodfon.ru/wallpaper/big/7/59/stockholm-sverige-stokgolm.jpg);" target="_blank" rel="noopener noreferrer">https://img3.goodfon.ru/wallpaper/big/7/59/stockholm-sverige-stokgolm.jpg);</a></a></p><p>            background-size: 100%;</p><p>        }</p><p>        .darker {</p><p>            position: absolute;</p><p>            background-color: #000;</p><p>            left: 0;</p><p>            top: 0;</p><p>            width: 100%;</p><p>            height: 100%;</p><p>            opacity: 0.8;</p><p>        }</p><p>        .wrap {</p><p>            position: relative;</p><p>            color: #fff;</p><p>        }</p><p>
</p><p>        .wrap header { text-align: center; }</p><p>        .wrap header h1 { display: inline-block; }</p><p>        .wrap nav { background-color: #000; }</p><p>        .wrap nav ul { display: table; width: 80%; margin: auto; color: #fff; }</p><p>        .wrap nav ul li { display: table-cell; list-style-type: none; }</p><p>        .wrap nav ul li a {</p><p>            text-decoration: none;</p><p>            color: #fff;</p><p>            display: block;</p><p>            width: 100%;</p><p>            padding: 0.5em 0;</p><p>            text-align: center;</p><p>        }</p><p>        .wrap nav ul li a:hover { background-color: #fff; color: #000; }</p><p>        </style></p><p>    </head></p><p>    <body></p><p>        <div class="darker"></div></p><p>        <div class="wrap"></p><p>            <header></p><p>                <h1>WORLD SKIN</h1></p><p>                <input type="text" /></p><p>            </header></p><p>            <nav></p><p>                <ul></p><p>                    <li><a href="#">menu1</a></li></p><p>                    <li><a href="#">menu2</a></li></p><p>                    <li><a href="#">menu3</a></li></p><p>                </ul></p><p>            </nav></p><p>            <footer></footer></p><p>        </div></p><p>    </body></p><p></html></p><p>

로그인 후 평가할 수 있습니다