如何实现这种带下划线的链接？

Question

我不想知道如何突出或强调某些内容。

我想知道如何做到这一点：

我第一次看到有人在Chrome内部的Android Note 3上使用了Wired。

Answer 1

访问有线文章并使用Web Inspector，我找到了创建此效果的CSS规则：

a {
   border-bottom: 1px solid #cbeefa;
   box-shadow: inset 0 -4px 0 #cbeefa;
   color: inherit;
   text-decoration: none;
}

以下是这些规则的实例：

a {
  border-bottom: 1px solid #cbeefa;
  box-shadow: inset 0 -4px 0 #cbeefa;
  color: inherit;
  text-decoration: none;
}

This is <a href="http://google.com">a link to Google</a>.

Another link goes <a href="http://stackoverflow.com">to the Stack Overflow homepage</a>.