CSS를 사용하여 선택한 텍스트의 색상을 변경하는 방법은 무엇입니까?

웹사이트의 텍스트 스타일은 웹 디자인 및 개발의 중요한 측면입니다. 이러한 목적을 위해 CSS(Cascading Style Sheets)는 귀하가 원하는 대로 사용할 수 있는 강력한 도구입니다. CSS는 텍스트의 모양을 다양한 방법으로 조작할 수 있는 다목적 도구입니다. 가장 많이 찾는 기술 중 하나는 선택한 텍스트의 색상을 변경하는 것입니다. 이 기사에서는 CSS를 사용하여 선택한 텍스트의 색상을 변경하는 두 가지 기술을 알아봅니다.

::의사 요소 선택

::selection 의사 요소는 사용자가 현재 강조 표시한 텍스트를 선택하고 스타일을 지정할 수 있는 강력한 기능입니다. 선택한 텍스트의 색상을 변경하려면 color 속성을 사용합니다. 예를 들어 선택한 텍스트를 적갈색으로 표시하려면 다음 CSS를 사용합니다.

으아악

전체 웹페이지에서 선택한 텍스트 색상이 빨간색으로 변경됩니다.

예

다음 예제에서는 선택한 텍스트의 색상을 빨간색으로, 배경색을 검정색으로 변경합니다.

으아악

특정 요소나 클래스를 사용하여

특정 요소나 클래스에서 선택한 텍스트의 색상과 배경색을 변경할 수 있습니다. 예를 들어 다음 CSS를 사용하여 특정 "h1" 태그 내에서 선택한 텍스트의 색상을 변경할 수 있습니다.

으아악

이렇게 하면 h1 요소에서 선택한 텍스트의 색상이 흰색으로, 선택한 텍스트의 배경색이 빨간색으로 변경됩니다.

예

다음 예에서는 선택한

텍스트 색상을 흰색, 배경 색상을 빨간색으로,

텍스트를 빨간색, 배경 색상을 노란색,

텍스트를 파란색, 배경 색상을 분홍색으로 변경합니다.

으아악

결론

CSS를 사용하여 선택한 텍스트의 색상을 변경하는 것은 간단한 작업이며 ::selection 의사 요소를 활용하여 수행할 수 있습니다. 색상 및 배경색 속성을 사용하여 웹사이트에서 선택한 텍스트의 모양을 변경할 수 있습니다. 또한 특정 요소나 클래스에 ::selection 의사 요소를 사용하여 선택한 텍스트의 스타일을 보다 정확하게 제어할 수 있습니다.

위 내용은 CSS를 사용하여 선택한 텍스트의 색상을 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!