CSS3中新增了很多文字符號,可以幫助我們美化網頁的顯示效果。
/* 將段落第一個文字變成大寫 */ p:first-letter{ font-size: 200%; color: #FF0000; float: left; }
使用:first-letter偽類可以針對段落中的第一個文字進行特殊處理,如讓其變成大寫字母,并設置顏色和浮動。
/* 將每個單詞的首字母變成大寫 */ p:first-of-type:first-letter{ text-transform: capitalize; }
使用text-transform屬性可以將單詞的首字母變成大寫,同時:first-of-type可以針對每個段落的第一個字母進行操作。
/* 增加文本陰影效果 */ p{ text-shadow: 2px 2px #FF0000; }
text-shadow屬性可以為文本添加陰影效果,可通過改變像素大小和顏色實現不同的效果。
/* 為文本添加下劃線 */ p{ text-decoration: underline; }
使用text-decoration屬性可以為文本添加下劃線,也可以使用其它值如overline、line-through、none等。
以上僅是CSS3文字符號的一部分,請在實際應用中根據需要選擇使用。