css實現的將英文單詞進行大小寫轉換程式碼例項

admin發表於2017-03-26
CSS

本章節分享一段程式碼例項，它實現了利用CSS將英文單詞進行大小寫轉換效果。

程式碼非常的簡單，相關屬性的更多內容可以自行在本站查詢。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>螞蟻部落</title>
<style type="text/css"> 
h1{text-transform:uppercase} 
p.uppercase{text-transform:uppercase}   
p.lowercase{text-transform:lowercase}  
p.capitalize{text-transform:capitalize } 
</style>
</head>
<body>
  <p class="uppercase">This is a test.</p>
  <p class="lowercase">This is a test.</p>
  <p class="capitalize">This is a test.</p>
</body>
</html>

相關文章