如何在文本下方使用伪元素绘制一条线，并忽略填充？

在文本下方使用伪元素绘制一条线，并忽略填充可以通过以下步骤实现：

1. 首先，为包含文本的元素添加一个父元素，并将其设置为相对定位（position: relative）。
2. 接下来，在父元素中使用伪元素（::after或::before）来创建一条线。可以选择使用::after或::before，具体取决于你想要的线条位置。
3. 为伪元素设置绝对定位（position: absolute），并将其放置在文本下方。
4. 使用CSS属性来绘制线条。可以使用border-bottom、border-top、border-left或border-right来绘制线条，具体取决于你想要的线条方向和位置。
5. 忽略填充可以通过将伪元素的背景色设置为透明（background-color: transparent）来实现。

以下是一个示例代码：

HTML:

<div class="text-container">
  <p>这是一段文本。</p>
</div>

CSS:

.text-container {
  position: relative;
}

.text-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: black;
}

在上述示例中，我们创建了一个包含文本的父元素（.text-container），并为其设置了相对定位。然后，我们使用::after伪元素来创建一条线，并将其设置为绝对定位，放置在文本下方。通过设置宽度、高度和背景色，我们绘制了一条黑色的水平线。

请注意，这只是一种实现方式，你可以根据需要进行调整和修改。