我最近注意到Wired雜誌有一個藍色的下劃線，它們的鏈接很厚，跨越了文本下移區，並且與文本顏色不同。以下是一個random page的示例。「連線」雜誌如何實現這種粗大的下劃線鏈接效果？
我不認爲這是通過bottom-border完成的，因爲它與文本下移重疊。新的-moz-text-decoration-color和text-decoration-color聲明可能會完成不同的顏色，但我無法確定是否有幫助控制線條粗細的任何內容。
我當然試圖通過分析their CSS來取證，但它是最小化和複雜的，我不能通過所有的筆刷來獲取我需要的信息。我嘗試搜索-moz-text-decoration-color和border-bottom等關鍵字詞，但沒有成功。
任何人都知道他們是怎麼做到的？
如果您檢查一個鏈接，你會看到：
border-bottom: 1px solid #CBEEFA;
box-shadow: 0px -4px 0px #CBEEFA inset;
你可以閱讀有關this article使用box-shadow的推理。
感謝您的回覆。那裏的'邊界 - 底部'只是爲了向後兼容嗎？ – Questioner
可能是的。這是爲了這個，但我不能說這只是「只是」 – pstenstrm
任何改變任何人都知道如何改變box-shadow的顏色，當鏈接是「：visited」時，和/或爲什麼他們甚至使用了box-shadow在所有。只有邊框我可以得到相同的效果。 – Leeish
在CSS
border-bottom: 1px solid #cbeefa;
box-shadow: inset 0 -4px 0 #4CAECF
它根據W3Schools的
box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;
注：box-shadow屬性附加一個或多個下拉陰影的 框。該屬性是一個以逗號分隔的陰影列表，每個陰影列表指定爲 ，長度值爲2-4，可選顏色和可選插入關鍵字 。省略的長度爲0.
您可以使用Chrome和Firefox的inspect元素工具。右鍵單擊鏈接並單擊檢查元素。它看起來像這樣：
你可以看到它既是下邊框和箱陰影。
這可能是'box-shadow' – pstenstrm
未來，如果您想要對網上任何文本的CSS進行罰款，您可以在您的crome中使用Chrome Inspecter（F12）。 – ankur140290