App下載

CSS如何設(shè)置字間距?

猿友 2021-03-18 15:55:40 瀏覽數(shù) (4119)
反饋

開發(fā)網(wǎng)頁中,遇到字體過于緊湊,影響頁面美觀,這時(shí)就需要用 CSS 去設(shè)置它的字間距。那么這篇文章,W3Cschool 小編就教你 CSS 如何設(shè)置字間距。

letter-spacing:增加或減少字符間的空白(字符間距)。

實(shí)現(xiàn)效果:

CSS實(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)容。

CSS

0 人點(diǎn)贊