[分享]css中字体无下划线

在CSS中，如果要让字体无下划线，可以通过text-decoration-style属性来实现。

p {
  text-decoration: none; /* 取消下划线 */
  text-decoration-style: solid; /* 文本装饰线样式为实线 */
  /* 可选值：solid（实线）、double（双实线）、dotted（点线）、dashed（破折线）、wavy（波浪线）*/
  } 

上述代码中，我们先使用text-decoration属性将下划线取消，然后通过text-decoration-style属性设置文本装饰线样式为实线。如果需要其他样式，只需将可选值改为相应样式即可。

另外，在实际应用中，我们也可以将text-decoration-style属性与text-decoration-color属性一起使用，来设置装饰线颜色。例如：

p {
  text-decoration: none; /* 取消下划线 */
  text-decoration-style: solid; /* 文本装饰线样式为实线 */
  text-decoration-color: red; /* 文本装饰线颜色为红色 */
} 

上述代码中，我们将text-decoration-color属性设置为红色，这样字体下方的装饰线就会以红色实线的形式呈现。

总之，通过text-decoration-style属性，我们可以轻松地控制CSS中字体下划线的样式和颜色，实现更加丰富多彩的页面设计。