BACKGROUND-COLOR
-
JavaScript 입문 : 로또추첨기 - 공 모양 만들기컴퓨터 알아가기/JavaScript 2022. 5. 3. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 로또추첨기에 대한 순서도를 임의로 작성을 해 보았습니다. 배워가면서 순서도 수정이 필요하거나 한 경우 반영하면서 진행하도록 하겠습니다. 먼저 CSS측면에서 공 모양을 만들어 보는 연습을 해 볼 필요성이 있습니다. ▒ 공 모양 만들기 직접 HTML과 CSS만으로 공을 만들 수 있으나 자바스크립트 분야이기 때문에 같이 연동해서 만들어 보는것도 같이 공부 하도록 하겠습니다. ① 기본적 HTML과 CSS 1번볼을 만들어 볼건데 HTML과 CSS를 이용한 볼 만들기 연습니다. 높이와 넓이를 40px로 같게하고 중간맞춤 글씨크기를 절반인 20px로 class를 이용해서 만들어 보도록 하겠습니다. 간단한 작업이기에 Codepen을 이용해서 기본 모양..
-
CSS 기본 : Color (Color, Background-Color, Hex, RGB, HSL, Opacity and Alpha)컴퓨터 알아가기/HTML CSS 2021. 4. 5. 19:30
이제는 CSS의 스타일링에서 중요한 색(Color)에 대해 알아볼 시간입니다. 색에 대하여 구체적으로 알아보기전에 기본적으로 스타일 방식을 고려할 다음 2가지가 있습니다. 1. Foreground Color Foreground Color는 요소에 영향을 미치는 색입니다. 예를 들어 타이틀 글자의 색을 파란색으로 만드는 것을 말합니다. 속성의 이름은 color로 나타냅니다. 2. Backgroud Color Background Color는 말그대로 배경색을 지정해 줄 수 있는데 속성의 이름은 그대로 background-color로 나타냅니다. 다음 CSS 예에서 태그의 글씨는 빨간색이고 태그의 기본영역이 되어 있는 배경색은 파란색입니다. ▒ Hexadecimal Color 방식 (16진번 색 방식) 색을 ..