Können Sie Abmessungen für Anker-Tags für Hintergrundbilder festlegen?

Abmessungen für Anker-Tags für Hintergrundbilder festlegen

Ist es möglich, beim Einbinden von a bestimmte Abmessungen (Breite und Höhe) für Anker-Tags festzulegen? Hintergrundbild? Dieses Szenario ermöglicht die Beibehaltung eines Textelements innerhalb des Ankers unter Beibehaltung des Hintergrundbilds.

Lösung:

Um dies zu erreichen, muss dem Ankerelement ein zugewiesen werden Anzeigeeigenschaft eines Blocks oder eines Inline-Blocks. Dadurch wird es in der Lage, sowohl Breiten- als auch Höhenwerte zu akzeptieren.

Beispiel:

<code class="css">li {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}</code>

<code class="html"><li><a href="#">Something</a></li></code>

In diesem Beispiel ist das Anker-Tag innerhalb der Das li-Element ist so eingestellt, dass es als Inline-Block angezeigt wird, und ihm ist eine Breite und Höhe von 32 Pixeln zugewiesen. Die Hintergrundfarbe ist außerdem Rot, während die Hintergrundfarbe des Li-Elements Orange ist. Der Text „Etwas“ bleibt wie gewünscht im Anker-Tag sichtbar.

Das obige ist der detaillierte Inhalt vonKönnen Sie Abmessungen für Anker-Tags für Hintergrundbilder festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!