首頁 >web前端 >css教學 >如何使用 CSS 更改段落中文字的大小寫？

如何使用 CSS 更改段落中文字的大小寫？

王林轉載: 2023-08-26 21:01:04718瀏覽

如何使用 CSS 更改段落中文本的大小写？

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中文網其他相關文章！

css 选择器样式表 transform

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：CSS 中的相對長度單位下一篇：CSS 中的相對長度單位

看更多