테스트 사이트 - 개발 중인 베타 버전입니다

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

 

 

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

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

답변 1개

채택된 답변
+20 포인트

</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>

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

답변에 대한 댓글 4개

어느 파일에 적용하죠?
네?
어디에 저 html를 복사해서 붙여넣기 하냐는 말입니다
예시를 들어드린거지, 어디에 복붙하라고 답글을 달지 않았습니다.
어디에 복붙을 할지는 직접 판단하고 결정해야할 부분 아닌지요?

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

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

로그인

전체 질문 목록