在CSS3中,我們可以使用text-transform屬性來將文本轉(zhuǎn)換為大寫字母。具體來說,可以使用以下三種值:
text-transform: uppercase; // 將所有字符轉(zhuǎn)換為大寫 text-transform: capitalize; // 將每個單詞的首字母轉(zhuǎn)換為大寫 text-transform: lowercase; // 將所有字符轉(zhuǎn)換為小寫
下面是一個例子:
<div> <p>This is a sample text.</p> <p style="text-transform: uppercase;">This is a sample text.</p> <p style="text-transform: capitalize;">This is a sample text.</p> <p style="text-transform: lowercase;">This is a sample text.</p> </div>
This is a sample text.
THIS IS A SAMPLE TEXT.
This Is A Sample Text.
this is a sample text.
請注意,text-transform屬性只在顯示中改變文本,而不會更改HTML代碼中的實際文本。因此,如果您復(fù)制粘貼大寫文本,則在文本編輯器中將保留原始大小寫,而大寫文本將僅在顯示時出現(xiàn)。
另外,這種技術(shù)可能會影響到一些元素,例如鏈接的下劃線。如果您不希望這樣,可以將文本轉(zhuǎn)換為大寫,然后使用text-decoration屬性添加下劃線。
<a href="#" style="text-transform: uppercase; text-decoration: underline;">Link</a>
這樣,鏈接將以大寫字母和下劃線的形式顯示。