Jak zvýšit prostor mezi textem a podtržení pod hypertextový odkaz v CSS?

Question 1

Pro libovolný text a zdůrazňují, můžeme použít line-height a padding-bottom. Ale v mém případě jsem použil hypertextové odkazy, takže když jsem se vznášet se nad odkaz chci text-decoration underline zvýšit vzdálenost mezi hypertextový odkaz, text a podtrhnout?

se těším na nějaké odpovědi pro to.

Question 2

Jak můžete vidět v níže uvedeném úryvku,

Vytvořil jsem vlastní odkaz s tím, jak jste hledali, podívejte se na to a dejte mi vědět, v případě, že budete potřebovat další pomoc.

.custom {
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.custom::after {
  content: '';
  display: inline-block;
  width: 100%;
  left: 0;
  height: 1px;
  position:absolute;
  background-color: rgb(0, 0, 238);
  bottom: -2px;
}

<h2>Normal Link</h2>
<a href="google.com">Hello</a>
<h2>Custom Link</h2>
<a href="google.com" class='custom'>Hello</a>

Abin Thaha · Answer 1 · 2021-10-24T13:15:00

Jak můžete vidět v níže uvedeném úryvku,

Vytvořil jsem vlastní odkaz s tím, jak jste hledali, podívejte se na to a dejte mi vědět, v případě, že budete potřebovat další pomoc.

.custom {
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.custom::after {
  content: '';
  display: inline-block;
  width: 100%;
  left: 0;
  height: 1px;
  position:absolute;
  background-color: rgb(0, 0, 238);
  bottom: -2px;
}

<h2>Normal Link</h2>
<a href="google.com">Hello</a>
<h2>Custom Link</h2>
<a href="google.com" class='custom'>Hello</a>

Jak zvýšit prostor mezi textem a podtržení pod hypertextový odkaz v CSS?

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii