建立類似按鈕的 HTML 連結可以透過提供熟悉的介面來增強使用者體驗外觀和感覺。當您想要執行重定向而不更改按鈕的整體外觀時,這特別有用。
將 HTML 連結樣式設定為類似一個按鈕,您可以套用一個定義其外觀的類別。以下是範例:
.button { font: bold 11px Arial; text-decoration: none; background-color: #EEEEEE; color: #333333; padding: 2px 6px 2px 6px; border-top: 1px solid #CCCCCC; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #CCCCCC; }
此 CSS 類別設定字體,刪除文字修飾,並定義背景顏色、填滿和邊框屬性。
定義CSS 類別後,您可以使用下列指令將其套用至HTML 連結「class」屬性,如下所示:
<a href="#" class="button">Example</a>
透過將「button」類別應用於鏈接,它將繼承CSS中定義的樣式。這將使其具有按鈕的外觀,同時保持其作為重定向連結的功能。
以上是如何讓 HTML 連結看起來和操作起來像按鈕?的詳細內容。更多資訊請關注PHP中文網其他相關文章!