HTML 텍스트 문자열 내에서 특정 단어의 색상을 어떻게 변경할 수 있습니까?

HTML 텍스트에서 특정 단어의 색상 변경

HTML 텍스트 문자열 내에서 특정 단어의 색상을 변경하려면 다음을 활용할 수 있습니다. 인라인 CSS 또는 CSS 클래스.

인라인 CSS:

<p> <br><span>까지 대회에 참가하면 우승할 수 있습니다. 최대 $$$$ — 놀라운 <br> <span> 여행 포함!<br></p><br>

이 접근 방식은 단어 주위에 범위 요소를 추가합니다. 색상을 다르게 지정하고 해당 범위에 색상 스타일을 적용합니다.

CSS 클래스:

또는 CSS 클래스를 정의할 수 있습니다:

< pre>

<style type="text/css">
  p { 
    font-size:14px; 
    color:#538b01; 
    font-weight:bold; 
    font-style:italic;
  }
  .date {
    color: #ff0000;
  }
  .season { /* Contrived example... */
    color: #0000a0;
  }
</style>

<p>
  Enter the competition by 
  <span>

이 방법에는 원하는 색상에 대한 CSS 규칙을 만들고 해당 규칙을 특정 클래스에 할당한 다음 스타일을 지정하려는 텍스트에 해당 클래스를 적용하는 작업이 포함됩니다. .

위 내용은 HTML 텍스트 문자열 내에서 특정 단어의 색상을 어떻게 변경할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!