css下划线能不能远点

在CSS中，下划线是一种常用的文本装饰方式，它可以用来突出文本内容或标记关键字。但有些情况下，我们可能希望下划线能够“远点”，即下划线的位置比默认情况下更远一些。

下面是一段示例代码：

 .underline {
        text-decoration: underline;
        text-underline-position: under;
    } 

其中，text-decoration属性用于指定下划线的装饰方式，text-underline-position属性则可以控制下划线的位置。

在CSS3中，text-underline-position属性有两个可选值： under和auto。默认值是auto，表示下划线的位置由浏览器自行决定。而设置为under时，下划线会被放置在基线以下约一半字符的位置。

例如，下面这段代码展示了使用under值来实现下划线“远点”的效果：

 .underline-distance {
        text-decoration: underline;
        text-underline-position: under;
        line-height: 1.5;
    } 

通过增加line-height属性的值，我们可以使下划线的位置距离文字更远。

总之，在实现下划线“远点”的过程中，需要注意下划线与文本的线高、字体大小等因素的关系，以保证效果符合预期。