開發(fā)網(wǎng)頁中,遇到字體過于緊湊,影響頁面美觀,這時(shí)就需要用 CSS 去設(shè)置它的字間距。那么這篇文章,W3Cschool 小編就教你 CSS 如何設(shè)置字間距。
letter-spacing:增加或減少字符間的空白(字符間距)。
實(shí)現(xiàn)效果:
具體代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字符間距 - 編程獅(w3cschool.cn)</title>
<style type="text/css">
.one{
letter-spacing: 3px;/*字符間距增加3px*/
}
.two{
letter-spacing: -3px;/*字符間距減少3px*/
}
</style>
</head>
<body>
<p>這是正常的間距</p>
<p class="one">這是增加間距</p>
<p class="two">這是減少間距</p>
</body>
</html>
以上就是 CSS 如何設(shè)置字符間距的全部內(nèi)容。