css 텍스트 스타일2 CSS 텍스트 스타일: text-shadow white-space letter-spacing word-spacing CSS 텍스트 스타일: text-shadow white-space letter-spacing word-spacing 오늘은 텍스트에 그림자 효과를 주고, 텍스트의 간격과 공백을 조절해보겠습니다. 1. text-shadow - text-shadow 속성을 사용하면 텍스트에 그림자 효과를 줄 수 있습니다. - 선택자 { text-shaodw: 가로거리 세로거리 번짐정도 색상; }와 같은 형식으로 사용합니다. - 가로거리는 필수로 입력해야하는 값입니다. 텍스트부터 그림자까지의 가로 거리를 의미합니다. 양수 값은 글자 오른쪽으로 그림자를 만들고, 음수 값은 글자 왼쪽으로 그림자를 만듭니다. - 세로거리는 필수로 입력해야하는 값입니다. 텍스트로부터 그림자까지의 세로 거리를 의미합니다. 양수 값은 글자 아래쪽으로 .. 2020. 11. 16. CSS 텍스트 스타일: color text-decoration text-transform CSS 텍스트 스타일: color text-decoration text-transform 앞에서는 글꼴과 관련된 스타일을 배워보았습니다. 이번에는 글자의 색깔, 장식, 효과 등을 지정해주는 텍스트 스타일을 배워보겠습니다. 1. color - color 속성을 사용하면 글자 색을 지정할 수 있습니다. - 선택자 { color: 색상; } 의 형식으로 사용합니다. - 주로 세 가지 방법으로 색상을 지정해줍니다. - 첫 번째 방법은 색상의 이름을 써주는 것입니다. 위 예시에서 .blue { color: blue; }로 작성된 부분이 그것입니다. 파란색으로 색상을 지정해 준 것입니다. - 두 번째 방법은 rgb값을 써주는 것입니다. 위 예시에서 .red { color: rgb{255, 0, 0); }로 작성된 .. 2020. 11. 12. 이전 1 다음 반응형
