CSS3是一種新的樣式語言,它支持許多新的特性,其中一個是小寫轉大寫。這個特性可以讓你修改文本的大小寫模式,使其全部變成大寫或者小寫。
在CSS3中,可以通過text-transform屬性來實現小寫轉大寫。text-transform有四個屬性值:
text-transform: none; /* 默認值,不做任何改變 */ text-transform: capitalize; /* 文本首字母大寫 */ text-transform: uppercase; /* 全部文本大寫 */ text-transform: lowercase; /* 全部文本小寫 */
如果你想讓一個段落中的文本全部變成大寫,可以這樣寫:
p { text-transform: uppercase; }
如果你想讓一個段落中的文本全部變成小寫,可以這樣寫:
p { text-transform: lowercase; }
還有一種情況是,你可能只想讓文本的首字母大寫,可以這樣寫:
p { text-transform: capitalize; }
總之,在CSS3中實現小寫轉大寫非常簡單,通過text-transform屬性和相應的屬性值,你可以方便地實現各種大小寫轉換效果。
下一篇css3 左轉圖標