在網(wǎng)頁開發(fā)中，文本是無處不在的，如何讓文本更美觀、更有吸引力，就需要對文本進(jìn)行樣式的處理。CSS3在文本樣式方面的改良，使得頁面呈現(xiàn)的文本更加吸引人，下面我們來一起學(xué)習(xí)一下。

/*改變字體樣式*/
p {
font-family: Arial, sans-serif; /*字體名稱*/
font-size: 24px; /*字體大小*/
font-weight: bold; /*字體粗細(xì)*/
font-style: italic; /*字體是否傾斜*/
text-transform: uppercase; /*字母大小寫轉(zhuǎn)換*/
}
/*設(shè)置文本顏色*/
p {
color: #F67A5D; /*十六進(jìn)制顏色值*/
}
/*設(shè)置文本陰影*/
p {
text-shadow: 2px 2px 5px #333; /*水平偏移量、垂直偏移量、模糊半徑、顏色*/
}
/*設(shè)置文本裝飾*/
p {
text-decoration: underline; /*下劃線*/
}
/*設(shè)置文本對齊*/
p {
text-align: center; /*居中對齊*/
}
/*設(shè)置文本縮進(jìn)*/
p {
text-indent: 30px; /*縮進(jìn)距離*/
}
/*設(shè)置文本行高*/
p {
line-height: 1.5; /*行高倍數(shù)，1.5即為1.5倍行距*/
}
/*設(shè)置字間距*/
p {
letter-spacing: 2px; /*字與字之間的距離*/
}
/*設(shè)置單詞間距*/
p {
word-spacing: 5px; /*單詞與單詞之間的距離*/
}

通過CSS3對文本樣式的處理，可以讓頁面呈現(xiàn)出更具有個性化與美觀性的效果，同時也能為用戶提供更加良好的體驗(yàn)。