记录一个css，实现下划线内容显示，支持文本多行显示

文章目录

• • 概要
  • css代码
  • 小结

概要

css代码

  display: inline;

  /* 使用 text-decoration 创建下划线 */
  text-decoration: underline;
  text-decoration-color: rgba(255, 122, 0, 0.2);
  text-decoration-thickness: 4px;
  text-underline-offset: -2px; /* 调整下划线位置 */
  /* 让下划线穿过标点符号和括号 */
  -webkit-text-decoration-skip: none;
  text-decoration-skip-ink: none;

  /* 确保每行都有下划线 */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;

小结

本人自己记录所用。