CSS設定英文字母之間間距

admin發表於2018-07-16
CSS

下面介紹一下如何控制英文字母之間的間距。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
ul li{
  font-size:12px;
  list-style:none;
}
.first{letter-spacing:4px;}
.second{letter-spacing:8px;}
.third{letter-spacing:12px;}
</style>
</head>
<body>
<div>
  <ul>
    <li class="first">I am a good student</li>
    <li class="second">I am a good student</li>
    <li class="third">I am a good student</li>
  </ul>
</div>
</body>
</html>

以上程式碼可以設定單詞字母之間的間距。

相關文章