溫馨提示×

css字體間距如何調(diào)整

css
養(yǎng)魚的貓咪
192
2021-03-26 09:39:22
欄目: 編程語言

在css中設(shè)置字體間距的方法：1.創(chuàng)建p標簽；2.使用letter-spacing屬性設(shè)置字體間距；

css字體間距如何調(diào)整

在css中設(shè)置字體間距的方法

1.首先，在頁面中創(chuàng)建兩個p標簽，并添加文字用于對比；

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <style></style>
</head>
<body>
 <p>測試文本</p>
 <p class="nav">測試文本</p>
</body>
</body>
</html>

2.p標簽創(chuàng)建好后，使用letter-spacing屬性即可設(shè)置字體的間距；

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <style>
     .nav{
       letter-spacing:20px;
}
  </style>
</head>
<body>
 <p>測試文本</p>
 <p class="nav">測試文本</p>
</body>
</body>
</html>

效果：

css字體間距如何調(diào)整

0 踩