App下載

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

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

開(kāi)發(fā)網(wǎng)頁(yè)中,遇到字體過(guò)于緊湊,影響頁(yè)面美觀,這時(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è)置字符間距的全部?jī)?nèi)容。

CSS

0 人點(diǎn)贊