HTML에서 취소선의 색상을 어떻게 변경할 수 있나요?

텍스트와 다르게 취소선 색칠하기

, 및 HTML 요소는 모두 텍스트에 눈에 띄는 효과를 줄 수 있습니다. 그러나 취소선은 텍스트와 동일한 색상을 공유하는 경우가 많습니다.

CSS를 사용하여 취소선 색상 변경

다행히 CSS를 활용하여 취소선의 색상을 변경할 수 있습니다. 방법은 다음과 같습니다.

1. 추가 요소로 텍스트 래핑: 텍스트 색상에서 취소선 색상을 분리하는 추가 래핑 요소를 만듭니다.
2. 외부 요소에 취소선 색상 할당: 텍스트 장식을 사용하여 외부 요소에 원하는 취소선 색상을 설정합니다.
3. 내부 요소에 텍스트 색상 지정: 외부 요소 내에 내부 요소를 배치하고 원하는 텍스트 색상을 지정합니다.

예

다음 코드를 고려하세요.

<span>

이 코드는 다음을 표시합니다. "빨간색 취소선이 있는 검정색" 텍스트는 검정색이고 취소선은 빨간색입니다. 외부 <span> 요소는 취소선 색상을 설정하고 내부 <span> 요소는 텍스트 색상을 설정합니다.

위 내용은 HTML에서 취소선의 색상을 어떻게 변경할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!