[JS] 자바스크립트로 아날로그 시계 만들기
1. 완성본 2. HTML HTML 구조는 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 00:00 3. CSS CSS 코드도 다음과 같다. 특별히 어려운 것은 없다. * { box-sizing: border-box; } body { background-color: #ea7612; } .clock-container { /* 가로 세로를 280px인 정사각형으로 만든다.*/ width: 280px; height: 280px; /* 테두리를 만들고 반지름이 140px인 원으로 만든다..*/ border: 8px solid black; border-radius: 50%; /* margin top-bottom을 100px로 주고 가운데 정렬한다. 그리고 margin-bottom을 이용하여 밑의 ..
2020.06.07