CSS 텍스트3 CSS text-shadow 속성 CSS text-shadow 속성 text-shadow 속성은 텍스트에 그림자를 추가한다. 가장 단순하게 사용할 때는 수평 그림자(2px)와 수직 그림자(2px)만 지정한다: 텍스트 그림자 효과! h1요소에 text-shadow를 수평 2px, 수직 2px를 설정하면 아래 그림과 같이 표시된다. 이제 text-shadow에 색깔을 설정해보자. 텍스트 그림자 효과! h1 요소에 text-shadow를 수평 2px, 수직 2px 색을 red로 설정한 결과 화면이 아래 그림과 같다. 다음으로 그림자에 블러 효과를 5px 설정해보자 텍스트 그림자 효과! h1 요소에 text-shadow를 수평 2px, 수직 2px 블러효과를 5px 그리고 색을 red로 설정한 결과 화면이 아래 그림과 같다. 텍스트 그림자 효과.. 2023. 8. 2. CSS text-decoration 속성 CSS text-decoration 이 장에서는 다음 속성에 대해 알아본다: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness text-decoration CSS text-decoration 속성(텍스트에 decoration line 추가) text-decoration-line 속성은 텍스트에 장식 선을 추가하는 데 사용된다. 추가 정보: 텍스트 위와 아래에 선을 표시하기 위해 두 개 이상의 값(예: 선 및 밑줄)을 결합할 수 있다. Overline text decoration Line-through text decoration Underline text decoration Overline a.. 2023. 7. 30. CSS 텍스트(text) CSS는 텍스트 형식 지정을 위한 많은 속성을 가지고 있다. 텍스트 색상(text color) color 속성은 텍스트의 색상을 설정하는 데 사용된다. 색상은 다음과 같이 지정됩니다: "빨간색"과 같은 색 이름 "#ff0000"과 같은 HEX 값 "rgb(255,0,0)"와 같은 RGB 값 색상이름, 16진수, rgb 등을 활용하여 텍스트 색상을 설정할 수 있다. 페이지의 기본 텍스트 색상은 본문 선택기에 정의된다. 제목1 이것은 평범한 단락입니다. 이 텍스트는 파란색입니다. 페이지의 기본 텍스트 색상은 본문 선택기에 정의됩니다. 다른 본문. body는 파랑색 h1 요소는 초록색에 텍스트 색상으로 설정하였다. 결과는 아래 그림과 같다. 텍스트 color, background-color 속성 이 예에서는 .. 2023. 7. 28. 이전 1 다음
