HTML 텍스트에서 특정 단어의 색상을 변경하는 방법은 무엇입니까?

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

CSS를 HTML 텍스트에 통합하면 사용자가 단어나 구문의 특정 섹션을 사용자 정의할 수 있습니다. 이 기술은 큰 텍스트 구절로 작업하고 특정 용어나 날짜를 강조 표시하려는 경우 특히 유용합니다. 인라인 CSS 또는 CSS 클래스를 활용하면 개별 단어나 문구의 스타일과 모양을 제어할 수 있습니다.

텍스트 문자열에서 특정 단어의 색상을 변경하려면 다음 HTML 코드를 사용할 수 있습니다.

<p></p>

이 예에서는 전체 단락에 초기 스타일이 적용된 다음 특정 단어 "January 30, 2011" 및 "summer"가 제공됩니다. 인라인 스타일을 사용하는 고유한 색상 속성.

CSS 클래스를 사용하는 대체 방법은 다음과 같습니다.

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


<p>
Enter the competition by
<span class="date">January 30, 2011</span>
and you could win up to $$$$ — including amazing
<span class="season">summer</span>
trips!
</p>

이 예에서 초기 단락 스타일은 "p" 클래스에 정의되어 있지만 " 날짜" 및 "계절" 클래스는 특정 단어나 문구의 스타일을 지정하는 데 사용됩니다. CSS 클래스는 유연성을 제공하고 여러 요소에서 공통 스타일을 사용할 수 있도록 하여 코드 재사용성과 유지 관리성을 향상시킵니다.

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