css - cssで下の境界線を上にシフト

Question

cssを使用して約5ピクセルで下マージンを押し上げるにはどうすればよいですか?

これが私が達成したいことの例です:

国境を押し上げる

score 6 · Accepted Answer

を使用して実行できますが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;
}

そして、テキストをh1a の中に入れるだけspanです：

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

このフィドルを参照してください。

4 に答える 4