텍스트 아래 밑줄 색상을 어떻게 변경할 수 있나요?

텍스트 밑줄 색상 수정

특정 CSS 속성을 사용하면 텍스트 아래 밑줄 색상을 변경할 수 있습니다.

옵션 1: 텍스트 장식-색상(최신 브라우저)

text-장식-색상 속성을 지원하는 최신 브라우저의 경우 다음과 같이 색상을 직접 설정할 수 있습니다.

<code class="css">text-decoration-color: green;</code>

옵션 2: 이전 브라우저의 border-bottom

text-dress-color 속성이 지원되지 않는 경우 하단에 테두리를 포함하는 해결 방법을 사용할 수 있습니다. 텍스트 가장자리:

<code class="css">a:link {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid blue;
}

a:hover {
  border-bottom-color: green;
}</code>

이 방법을 사용하면 텍스트 아래에 컬러 선을 만들어 밑줄 효과를 시뮬레이션할 수 있습니다.

위 내용은 텍스트 아래 밑줄 색상을 어떻게 변경할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!