728x90
반응형
- html code -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="checkbook.css">
<title>Checkbox</title>
</head>
<body>
<div class="checks">
<input type="checkbox" id="ex_chk">
<label for="ex_chk">체크박스</label>
</div>
<br />
<div class="checks small">
<input type="checkbox" id="ex_chk2">
<label for="ex_chk2">체크박스</label>
</div>
<br />
<div class="checks etrans">
<input type="checkbox" id="ex_chk3">
<label for="ex_chk3">체크박스</label>
</div>
</body>
</html>
- css code -
결과물
728x90
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
| [HTML & CSS] 멋진 리스트 스타일(list style ) (0) | 2020.11.03 |
|---|---|
| [HTML & CSS] html표를 CSV파일로 다운로드(DOWNLOAD) (0) | 2020.11.02 |
| [HTML & CSS] 경고창(alert) 확인 / 취소 띄우기! (0) | 2020.10.26 |
| [HTML & CSS] 레이아웃(layout) 기본틀 (0) | 2020.10.23 |
| [HTML & CSS] 리스트(list) 표기법 ! (0) | 2020.10.22 |
댓글