반응형
공모양만들기_CSS
-
JavaScript 입문 : 로또추첨기 - 공 모양 만들기컴퓨터 알아가기/JavaScript 2022. 5. 3. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 로또추첨기에 대한 순서도를 임의로 작성을 해 보았습니다. 배워가면서 순서도 수정이 필요하거나 한 경우 반영하면서 진행하도록 하겠습니다. 먼저 CSS측면에서 공 모양을 만들어 보는 연습을 해 볼 필요성이 있습니다. ▒ 공 모양 만들기 직접 HTML과 CSS만으로 공을 만들 수 있으나 자바스크립트 분야이기 때문에 같이 연동해서 만들어 보는것도 같이 공부 하도록 하겠습니다. ① 기본적 HTML과 CSS 1번볼을 만들어 볼건데 HTML과 CSS를 이용한 볼 만들기 연습니다. 높이와 넓이를 40px로 같게하고 중간맞춤 글씨크기를 절반인 20px로 class를 이용해서 만들어 보도록 하겠습니다. 간단한 작업이기에 Codepen을 이용해서 기본 모양..