css下划线用哪个属性

CSS下划线是网页设计中常见的样式之一，在许多场合下会被使用。下划线有多种实现方式，如何选择合适的属性来添加下划线呢？

  .underline{
            text-decoration: underline;
        } 

text-decoration是CSS中用来修饰文本的属性，它拥有下划线、删除线、上划线、波浪线等多种修饰效果。其中，下划线可以通过text-decoration的值为“underline”来实现。

  div::after{
            content:"";
            width: 100%;
            height: 1px;
            background: gray;
            position: absolute;
            left:0;
            bottom:0; 
        } 

除了通过text-decoration实现下划线，还可以通过添加::after伪元素来实现下划线。伪元素是CSS中用来创建一些非真实的元素的方式，它不会在HTML中被定义，而是通过CSS实现。上述代码中，我们通过添加一个位于div元素底部的空白伪元素，设置它的高度和颜色来实现下划线效果。

总体而言，text-decoration是实现下划线的最基本属性，而通过::after伪元素添加下划线可以实现更加自由的样式效果。当然，在实际应用中，根据不同的需求和设计风格，你也可以通过其他方式来实现下划线。