首頁  >  文章  >  web前端  >  如何設定背景圖像中錨標記的寬度和高度?

如何設定背景圖像中錨標記的寬度和高度?

Barbara Streisand
Barbara Streisand原創
2024-10-31 23:03:28154瀏覽

How to Set Width and Height on Anchor Tags Within Background Images?

設定背景影像中錨點標籤的寬度和高度

可以以像素為單位設定錨點標籤的寬度和高度,同時透過操作錨點的顯示屬性來保留其中的文字。以下是實現此目的的方法:

在CSS 中,將錨標記的顯示屬性設為「block」或「inline-block」:

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

這將允許錨標記接受寬度和高度值。不過,還是需要單獨設定anchor的背景顏色:

<code class="css">a {
  background-color: red;
}</code>

透過這個修改,anchor標籤將會有一個背景圖片,同時保留裡面的文字,並且它的尺寸也會被設定至32 像素x 32 像素:

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

以上是如何設定背景圖像中錨標記的寬度和高度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn