我最近注意到,"连线"杂志的链接有一个蓝色下划线,这些链接很厚,跨越文本下降,以及与文本不同的颜色.这是一个示例的随机页面.
我不认为这是用a做的bottom-border,因为它与文本下降器重叠.可以使用new -moz-text-decoration-color和text-decoration-color声明来完成不同的颜色,但我无法确定是否有任何可以帮助控制线条粗细的内容.
当然,我已经尝试通过分析他们的CSS进行取证,但是它被最小化和复杂化,并且我无法通过所有刷子来获取我需要的信息.我尝试搜索像-moz-text-decoration-color和的关键术语 border-bottom,但没有成功.
谁知道他们是怎么做到的？
如果您检查链接,您会看到:
border-bottom: 1px solid #CBEEFA;
box-shadow: 0px -4px 0px #CBEEFA inset;