반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="1-2.css">
</head>
<body>
<div class="alert-box" id="alert">알림창임
<button onclick="document.getElementById('alert').style.display = 'none';">닫기</button>
</div>
<button onclick="document.getElementById('alert').style.display = 'block';">버튼</button>
</body>
</html>.alert-box{
background-color: skyblue;
padding: 20px;
color: white;
border-radius:5px;
display: none;
}
반응형
'IT > 코딩' 카테고리의 다른 글
| Express 소개 (0) | 2023.03.21 |
|---|---|
| 프로그래머를 위한 5개의 재미있고 무료 IDE 웹사이트 (0) | 2023.03.03 |
| JS 복습 - JS 근본 (0) | 2023.02.16 |
| Dart - DataTypes 그냥 데이터타입 속성 이야기 #2 (0) | 2023.02.08 |
| Dart - Variable 그냥 변수 속성 이야기 #1 (0) | 2023.02.08 |