css - 在css中向上移动底部边框

Question

如何使用 css 将底部边距向上推约 5 个像素？

这是关于我想要实现的目标的示例：

上推边框

score 6 · Accepted Answer

尽管您可以使用 using line-height，但它可能会搞砸下一行。所以我建议这样做：

h1 {
  font-size: 24px;
  border-bottom: 2px solid #FF6A00;
  /* proposing line height + padding */
  line-height: 20px;
  margin-bottom: 5px;
}

score 2 · Accepted Answer

您可以使用line-height:css 规则来做到这一点。

设置line-height: 18px;，这将做到这一点。

score 1 · Accepted Answer

1

试试这个使用填充的小提琴。

padding-bottom: 5px;

于 2013-03-23T08:01:40.847 回答

score 0 · Accepted Answer

你可以用下划线来做到这一点。像这样：

h1 {
  font-size: 24px;
  padding: 0;
  color: #FF6A00;
  text-decoration: underline;
}

h1 span {
  color: #000;
}

然后只需将文本h1放入 a中span：

<h1><span>Szavazás az új domain-ról</span></h1>

4 回答 4