텍스트의 밑줄 색상을 변경할 수 있나요?

텍스트 밑줄 색상 사용자 지정

Q: 텍스트 아래에 그려진 선의 색상을 변경할 수 있나요?

A: 예, 이제 CSS를 사용하여 밑줄 색상을 쉽게 변경할 수 있습니다.

최신 브라우저의 경우(텍스트 장식 색상 지원):

밑줄을 지정하려면 색상을 지정하려면 다음 규칙을 사용하세요.

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

예를 들어 파란색 밑줄이 있는 빨간색 텍스트를 만들려면 코드는 다음과 같습니다.

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

이전 브라우저의 경우(테두리 -하단 방법):

브라우저가 텍스트 장식 색상을 지원하지 않는 경우 대체 방법은 텍스트 아래에 테두리를 만드는 것입니다.

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

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

이 예에서는 마우스를 올리면 녹색으로 바뀌는 파란색 밑줄 링크가 생성됩니다.

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