我們可以使用HTML中的標籤來新增網頁的連結。 元素的預設遊標樣式是指針,但從 標記中刪除 href 屬性會變更遊標樣式。
因此,在本教程中,我們將學習在沒有 href 屬性的情況下將遊標樣式保持為 標記的指標。
使用者可以按照下面的範例查看元素的預設遊標樣式
在下面的範例中,我們使用 標記來建立三個不同的連結。
在輸出中,我們可以觀察到,當我們將滑鼠懸停在第一個連結上時,遊標變成指針,因為它包含href 屬性;對於第二個鏈接,遊標也變成一個指針,因為它還包含一個帶有有空字串值的href 屬性,當我們將滑鼠懸停在第三個連結上時,遊標樣式會發生變化,因為它不包含href 屬性。
<html> <body> <h2>Cursor pointer on the anchor texts</h2> <a href = "https://www.tutorialspoint.com/index.htm"> tutorialspoint</a> <br> <br> <a href = ""> Cursor pointer </a> <br> <br> <a> No cursor pointer </a> </body> </html>
現在,使用者了解了當我們從 標記中刪除 href 屬性時間標籤樣式如何變化。
下面,我們將看一下為沒有 href 屬性的連結設定遊標指標的範例。
使用者可以依照下面的語法,使用 css 將遊標指標設定為不含 href 屬性的連結。
<style> .pointer { cursor: pointer; } </style>
在上面的語法中,「pointer」是分配給 元素的類,我們更改了包含「pointer」類別的元素的指標樣式。
在下面的範例中,我們建立了兩個不同的 元素,並將「pointer」類別指派給這兩個元素。在 部分,我們加入了網頁的內嵌樣式。我們在