css下边框与字之间的距离

CSS中，设置文本下边框时，经常会出现下边框与文本之间间距不一致的情况，这会影响页面布局的美观性。接下来，我们探讨一下如何解决这个问题。

p {
  border-bottom: 1px solid black;
  line-height: 1;
  padding-bottom: 2px;
}

我们可以通过设置line-height属性来控制文本与下边框之间的距离。因为line-height属性能够使文本垂直居中，所以它同样适用于下边框的间距调整。我们还可以通过给padding-bottom属性设置一个小值来增加间距，但不建议设置过大，否则会影响页面布局的统一性。

总之，通过调整line-height和padding-bottom这两个属性来适当地调整下边框与文本之间的间距，可以最终实现合适的效果，使页面更加美观。