今天要介紹的是CSS中如何讓一段文字的兩行顏色不同。這個需求在設(shè)計中比較常見，可以讓文字更加有層次感和視覺效果。 我們先看一下最終的效果，如下所示：

這是紅色的文字這是藍色的文字

上面的代碼展示了如何讓一段文字的兩行顏色不同。我們在p標(biāo)簽中先設(shè)置了整段文字的顏色為紅色。接著在第二行使用了內(nèi)聯(lián)樣式的方式將文字的顏色設(shè)置為藍色。需要注意的是，要使內(nèi)聯(lián)樣式生效，需要用一個span標(biāo)簽將第二行文字包裹起來。 如果我們在一個段落中需要多次使用這種效果，我們可以將這段代碼寫在樣式表中，避免代碼的冗余。如下所示：

這是紅色的文字這是藍色的文字

在樣式表中，我們定義了.red和.blue兩個類，分別表示紅色和藍色的樣式。在HTML中，我們只需要在p標(biāo)簽和span標(biāo)簽中應(yīng)用這兩個類即可。 需要注意的是，在使用這種效果時，盡量避免使用顏色對比度太低的顏色，否則會影響閱讀體驗。同時，也要注意整段文字的排版，使其符合排版規(guī)范，不影響閱讀。