在網(wǎng)頁(yè)設(shè)計(jì)中，字體樣式的設(shè)計(jì)是非常關(guān)鍵的，讓網(wǎng)頁(yè)更加美觀和易讀。而當(dāng)用戶在點(diǎn)擊網(wǎng)頁(yè)中的文本時(shí)，為其添加一個(gè)點(diǎn)擊樣式可以更加直觀地提示用戶已經(jīng)點(diǎn)擊了該文本。

p {
font-family: Arial, sans-serif;  //設(shè)置字體樣式
font-size: 16px;
color: #333;
cursor: pointer;  //添加指針樣式，提示該文本可以點(diǎn)擊
}
p:hover {
color: #f00;  //鼠標(biāo)懸停時(shí)改變字體顏色
text-decoration: underline;  //添加下劃線
}
p:active {
color: #00f;  //文本被點(diǎn)擊時(shí)改變字體顏色
text-decoration: none;  //去除下劃線
font-style: italic;  //斜體字體
}

上述CSS代碼中，cursor屬性為指針樣式，用來(lái)提示該文本可以被點(diǎn)擊。hover屬性則是用來(lái)設(shè)置鼠標(biāo)懸浮在文本上時(shí)的樣式，此處增加了字體顏色和下劃線。而當(dāng)文本被點(diǎn)擊后，會(huì)觸發(fā)active屬性，此處將字體顏色改為藍(lán)色、去除下劃線，并增加了斜體字體。

使用CSS設(shè)置字體點(diǎn)擊后的樣式，可以在網(wǎng)頁(yè)中增加互動(dòng)性，提升用戶體驗(yàn)。