css下划线与字体间距

作者：血舞悲鸣发布日期:2025-09-11 浏览:78

/* 示例代码：设置下划线和字体间距 */

/* 设置下划线 */
a {
  text-decoration: underline;
}

/* 或者使用更详细的下划线样式 */
a {
  text-decoration: underline solid #000; /* 下划线样式为实线，颜色为黑色 */
}

/* 设置字体间距（letter-spacing） */
p {
  letter-spacing: 2px; /* 字符之间的间距为2px */
}

/* 结合使用 */
a.special-link {
  text-decoration: underline;
  letter-spacing: 1px;
}

解释说明：

text-decoration: underline;：给文本添加下划线。
text-decoration: underline solid #000;：可以进一步指定下划线的样式（如实线、虚线等）以及颜色。
letter-spacing: 2px;：设置字符之间的间距，单位可以是像素（px）、em 等。

通过结合使用这些属性，你可以控制文本的下划线效果和字符间距。

上一篇：css 换行

下一篇：css 一行省略号