skip navigation

윈도우팝업

  • - 윈도우 팝업은 닫기 버튼 유무에 따라 <footer> 가 존재하며, 팝업 닫기 기능 버튼은 <footer>에 삽입.

  • - 컨텐츠 관련 버튼은 <div class="pop_content"> 내에 삽입한다.

[VIEW]

타이틀

컨텐츠
컨텐츠
컨텐츠
컨텐츠

[CODE]
<article class="pop_wrap"> <header class="pop_header"> <h1>타이틀</h1> </header> <div class="pop_content"> <!-- contents --> 컨텐츠<br>컨텐츠<br>컨텐츠<br>컨텐츠<br><br> <div class="btn_wrap"> <button type="button">확인</button> <button type="button">취소</button> </div> <!-- //contents --> </div> <footer class="pop_footer"> <button type="button" class="btn">닫기</button> </footer> </article>