App下載

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

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

開(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)贊