Lobsters | 📄 原文链接 | 2026-10-13 收录

给下划线写 CSS

来源:rubenerd.au — 2026-10-12

📋 概述

Ruben Schade 谈 HTML/CSS 里下划线由来已久的问题:下划线颜色过去只能从文字继承,而 CSS 规范从未定义下划线粗细,把它留给浏览器厂商自行推导,结果大字号下各家画出的线粗细不一。几十年来通行的绕法是干脆不用下划线,改用边框假装:a { border-bottom: 1px solid; text-decoration: none; }。他觉得这既不优雅也难看,因为下划线应当穿过 g、y 这类有下伸部的字符,而边框不会。所幸从 2019 年起有了 text-decoration-line / color / style / thickness 这一组属性,如今主流浏览器厂商都已实现,可以显式指定 1px 粗细与自定义颜色——这让他"比应该的还要高兴"。

🔑 核心要点

💡 金句

这让我比应该的还要高兴。
← 返回 Lobsters 首页