개발자입니다
[HTML] 노마드코더 - HTML로 모달창 코딩하기 본문
HTML, CSS, 자바스크립트로 길게 코딩해야 했던 모달 창을 HTML 코드로 간단히 만들 수 있다.
<dialog> 태그를 사용해 만든다.


button value="close" 로 지정하면 닫기 버튼 구현된다.



pseudo 선택자 backdrop 으로 모달창 뒷부분 배경색 변경 가능하다.

'HTML & CSS > HTML, CSS 정리' 카테고리의 다른 글
CSS 유용한 사이트 모음 (0) | 2022.10.06 |
---|---|
div내 div 수직 가운데 정렬하기 (0) | 2022.09.29 |
투명도 설정하기(opacity), 수직 정렬(z-index) (0) | 2022.09.29 |
CSS 이미지(절대경로 vs 상대경로) (0) | 2022.09.29 |
Atom 수정사항 실시간 확인 package - Atom_html_preview (0) | 2022.09.14 |