:before 和 :after 伪类都是用来创建伪块元素的。它们的语法如下：
:before {
content: “”;
position: absolute;
bottom: 0;
right: 0;
background-color: #ff0000;
border-radius: 50%;
transform: scale(0.7);
:after {
content: “”;
position: absolute;
bottom: 0;
left: 0;
background-color: #ff0000;
border-radius: 50%;
transform: scale(0.7);
使用这些伪类的方法如下：
1. 将一个文本元素添加到页面中，然后使用 :before 伪类来添加一个下划线。例如：
<p>This is a划线句子</p>
在上面的示例中，将一个文本元素添加到页面中，然后使用 :before 伪类来添加一个下划线。
2. 使用 :after 伪类来添加另一个下划线。例如：
<p>This is a非下划线句子</p>
在上面的示例中，将一个文本元素添加到页面中，然后使用 :after 伪类来添加一个下划线。
无论您选择使用哪个伪类，都可以在 CSS 中创建不同类型的下划线。例如，您可以使用短下划线(#ff0000)或长下划线(#ff0000)。还可以使用不同的颜色，如黑色、白色、蓝色等。
需要注意的是，当使用下划线时，它们通常位于文本的末尾。如果您希望使它们位于文本的开头或中间，则可以使用 :before 和 :after 伪类，将它们设置为一个绝对定位元素，并使用否定参数来使它们出现在文本的开头或中间。例如：
:before {
content: “”;
position: absolute;
top: -50%;
right: 0;
background-color: #ff0000;
border-radius: 50%;
transform: scale(0.7);
在上面的示例中，将一个下划线设置为一个绝对定位元素，并使用否定参数来使它们出现在文本的开头。
总之，使用下划线可以让您轻松地给文本添加下划线，而不必担心文本的起始位置。