在CSS中，可以使用letter-spacing屬性來實現(xiàn)字與字之間的距離，這個屬性定義了文本中每個字符之間的空間大小，下面是一些關(guān)于如何使用letter-spacing屬性的示例：

示例1：增加字與字之間的距離

p {
  letter-spacing: 2px;
}

示例2：減少字與字之間的距離

p {
  letter-spacing: -1px;
}

示例3：使用em單位設(shè)置字距

p {
  letter-spacing: 0.5em;
}

示例4：設(shè)置不同字體大小的字距

p {
  font-size: 20px;
  letter-spacing: 1px;
}

示例5：使用百分比設(shè)置字距

p {
  font-size: 20px;
  letter-spacing: 50%; /* 等于10px */
}

示例6：設(shè)置行間距（line-height）和字距（letter-spacing）的關(guān)系

p {
  line-height: 1.5; /* 行間距為字體大小的1.5倍 */
  letter-spacing: 0.5em; /* 字距為字體大小的0.5倍 */
}

示例7：使用CSS變量設(shè)置字距（需要支持CSS變量的瀏覽器）

:root {
  --letter-spacing: 0.5em; /* 定義CSS變量 */
}
p {
  letter-spacing: var(--letter-spacing); /* 使用變量 */
}

示例8：使用媒體查詢（media query）根據(jù)屏幕大小調(diào)整字距（需要支持媒體查詢的瀏覽器）

@media (min-width: 600px) { /* 當屏幕寬度大于600px時 */
  p { /* 設(shè)置較大的字距 */
    letter-spacing: 1px; /* 屏幕較寬時，字距更大 */
  }
}
@media (max-width: 600px) { /* 當屏幕寬度小于等于600px時 */
  p { /* 設(shè)置較小的字距 */
    letter-spacing: -1px; /* 屏幕較窄時，字距較小 */
  }
}