在進行網頁設計時，通常需要給文字設置不同的顏色以突出重點或者進行區分。CSS提供了一種非常方便的方式來實現同一文字不同顏色的效果。 首先，我們需要在HTML中使用p標簽來定義段落，并在其中添加需要設置顏色的文字。例如：

<p>這是一個<span style="color:red;">紅色</span>文字和一個<span style="color:blue;">藍色</span>文字。</p>

在這段代碼中，我們使用了span標簽來為需要設置顏色的文字提供容器，并分別給它們設置了紅色和藍色的顏色屬性。 接下來，我們需要使用CSS來為span標簽設置樣式。可以使用類選擇器或者ID選擇器來選擇需要設置的span標簽，并為其設置color屬性。例如：

<style>
.color-red {
color: red;
}
.color-blue {
color: blue;
}
</style>
<p>這是一個<span class="color-red">紅色</span>文字和一個<span class="color-blue">藍色</span>文字。</p>

在這段代碼中，我們先使用style標簽定義了兩個樣式類color-red和color-blue，并為它們設置了color屬性。然后在HTML中，我們使用class屬性來添加樣式類，從而設置不同顏色的效果。 除了類選擇器和ID選擇器，CSS還提供了更多的選擇器來選擇需要設置顏色的文字，例如標簽選擇器、屬性選擇器等等。無論使用哪種選擇器，同一文字不同顏色的效果都可以輕松實現。