K_blueprint

[고급 테두리 꾸미기] CSS3은 둥근 모서리의 테두리나 이미지 테두리 등의 고급 테두리를 지원한다. - 'border-radius' 프로퍼티를 이용하면 테두리의 모서리를 곡선으로 둥글게 만들 수 있다.- 아래는 모서리의 반지름을 '50px'로 지정한 둥근 모서리 테두리의 예시 코드와 브라우저 출력 결과이다. (소스코드) 저는 둥근 모서리를 가진 박스입니다. (출력결과) - 각각의 모서리 별로 반지름을 다르게 설정할 수 있는데 border-top-left(좌측 상단 모서리), border-top-right(우측 상단 모서리), border-bottom-left(좌측 하단 모서리), border-bottom-right(우측 하단 모서리) 이렇게 4개의 모서리에 개별적인 값을 할당할 수 있다. - 아래..

오늘은 HTML5로 '테두리'의 디자인을 다뤄보겠습니다:-) [테두리의 두께 & 모양과 색]- 테두리는 패딩(padding) 혹은 여백(margin)과 달리 '두께'/'모양'/'색'을 지정하는 여러 가지의 프로퍼티를 두고 있다.- 아래는 태그에 테두리를 꾸미는 예시 코드이다.p{ border-width : 3px; /* 테두리의 두께를 3px로 설정 */ border-style : dotted; /* 테두리의 스타일을 도트(점)으로 설정 */ border-color : blue; /* 테두리의 색을 파란색으로 설정 */} - 위의 스타일을 지정하고 태그를 사용하게 되었을 때 아래와 같은 테두리를 확인할 수 있다.  + 테두리의 두께는 '3px'와 같이 정확한 수치로 할당해도 되지만, 정확한 수치..

1. for 문을 이용한 반복문(1부터 5까지의 합 구하기)#include using namespace std; // std(네임 스페이스) 정의해주기void main() // for문을 이용한 반복문(1부터 5까지의 합 구하기){ int i; int total = 0; // 반드시 초기화 해줘야 함 for (i = 1; i   2. Switch 문을 이용한 학점 계산 함수#include void main() // switch 문을 이용한 학점 계산 함수{ int score; char grade; cout > score; switch (score / 10) { case 10 :grade = 'A'; break; case 9 :grade = 'A'; break; default:grade = 'F..

[ HTML 태그는 사각형 박스로 다루어진다. ]- CSS에서의 '사각형'은 콘텐츠를 둘러싸고 있는 '패딩(padding)', '테두리(border)', '여백(margin)'으로 구성된다. 콘텐츠 : HTML 태그의 텍스트나 이미지 부분패딩 : 콘텐츠를 직접 둘러싸고 있는 내부의 여백테두리 : 패딩 외부의 외곽선으로 직선, 점선이나 이미지로 입히는 것이 가능여백 : 박스의 맨 바깥 영역으로 테두리 바깥 공간으로 아래위 인접한 태그와 만나는 공간이다. - 쉽게 그림으로 설명하자면 아래와 같다. [ 박스를 제어하는 CSS3 프로퍼티 ]- 박스의 색 또는 모양도 프로퍼티에 적절한 값을 부여함으로써 조절이 가능하다.- 아래는 각각의 프로퍼티에 값을 부여해서 박스의 크기를 조절하는 예시 코드와 출력 결과이다. ..

오늘은 HTML5에서 텍스트를 꾸밀 수 있는 다양한 방법에 대해 정리해 보겠습니다:-) [텍스트]- 텍스트를 꾸미기에 앞서 텍스트의 출력 형태를 제어할 수 있는 여러 가지 명령어가 있다.text-indent : | ; >>> 들여 쓰기는 고정된 길이로 들여 쓰기는 텍스트 블록 전체 폭에 대한 비율로 들여 쓰기text-align : left | right | center | justify; >>> 정렬justify : 양쪽정렬center : 중앙정렬left, right : 왼쪽, 오른쪽 정렬text-decoration : none | underline | overline | line-through; >>> 텍스트 꾸미기underline : 밑줄line-through : 중간 줄 위의 텍스트의 출력 형태를..

- CSS3에서 색은 RGB, RGBA, HSL 등 3개의 방법으로 표현하게 되는데 가장 많이 사용되는 RGB에 대해서 살펴보려고 한다.- 먼저 색을 표현하는 방법은 크게 3가지 정도가 있는데 이는 아래와 같다.16진수 코드로 색 표현10진수 코드와 RGB()로 표현색 이름으로 표현 - 이 3가지와 관련해서 보다 자세히 살펴보도록 하자.  [16진수 코드로 색 표현]- CSS3에서 색은 빛의 3원 색인 빨강(red), 초록(green), 파랑(blue)의 성문으로 #rrggbb의 16진수로 표현하게 된다. - 아래는 태그 내의 모든 내용을 '보라색'으로 출력하는 스타일 시트이다.div { color : #8A2BE2; } - CSS에서 하나의 색은 총 24비트로 표현이 되기 때문에 2^24 즉, 160..