CSS面试题：如何删除文本的装饰效果？ text-decoration: none

在CSS中，text-decoration: none; 用于删除文本的装饰效果，比如删除下划线、删除线等。这个属性通常用于链接（<a> 标签），以去除链接的默认下划线。

示例：

a {
    text-decoration: none;
}

解释：

• 默认情况下，<a> 标签会有下划线。
• 使用 text-decoration: none; 后，链接的下划线会被移除。

其他可能的值：

• text-decoration: underline;：添加下划线（默认行为）。
• text-decoration: line-through;：添加删除线。
• text-decoration: overline;：在文本上方添加一条线。

常见用法：

/* 去掉链接的下划线 */
a {
    text-decoration: none;
}

/* 鼠标悬停时添加下划线 */
a:hover {
    text-decoration: underline;
}

通过这种方式，可以完全控制链接的外观，使其更符合设计需求。