CSS(層疊樣式表)是一個強大的工具,用於控制網站上文字的佈局和外觀。在本文中,我們將學習如何使用 CSS 更改段落中文字的大小寫。
當涉及網站上的文字樣式時,基本且常見的樣式選項之一是更改文字的大小寫,我們可以使用 CSS 中的 text-transform 屬性輕鬆完成此操作。 text-transform 屬性可以採用下列值之一 -
「大寫」會將所選元素中每個單字的第一個字母大寫。
「大寫」會將所選元素中的所有文字轉換為大寫字母。
「小寫」會將所選元素中的所有文字轉換為小寫字母。
要更改段落中文字的大小寫,首先我們需要使用 CSS 選擇器來選擇段落元素。例如,要將段落中文字的大小寫改為大寫,我們將使用以下 CSS -
p { text-transform: uppercase; }
以下是使用 CSS 更改段落中文字大小寫的範例。
<html> <head> <title>Change the cases of text in paragraphs using CSS</title> <style> body{ text-align:center; } .capitalize{ color: blue; text-transform: capitalize; } .uppercase{ color: red; text-transform: uppercase; } .lowercase{ color: green; text-transform: lowercase; } </style> </head> <body> <h2>Change the cases of text in paragraphs using CSS</h2> <p class="capitalize">capitalize the first letter of each word in the selected element</p> <p class="uppercase">Converted all the text in the selected element to uppercase letters</p> <p class="lowercase">CONVERTED ALL THE TEXT IN SELECTES ELEMENT TO LOWERCASE LETTERS</p> </body> </html>
要更改段落中文字的大小寫,CSS 中的 text-transform 屬性是更改段落中文字大小寫的好方法。
以上是如何使用 CSS 更改段落中文字的大小寫?的詳細內容。更多資訊請關注PHP中文網其他相關文章!