隱藏與CSS的鏈接可以通過多種方式完成，但我們將看看兩種方法，即可以從視圖中完全隱藏URL。 如果您想在您的網站上創建搜索引擎或複活節彩蛋，這是隱藏鏈接的有趣方法。
第一種方法是使用“none”作為指針事件的CSS屬性值。 另一種是簡單地為文字著色以匹配頁面的背景。
請記住，在搜索源代碼時，這兩種方法都不會使鏈接完全消失。 但是，訪問者不會有簡單直接的方式來查看它，而且新手訪問者也不會知道如何找到鏈接。
注意：如果您正在尋找關於如何鏈接外部樣式表的說明，這些說明並不是您要做的。 請參閱什麼是外部樣式表？ 代替。
禁用指針事件
我們可以用來隱藏URL的第一種方法是讓鏈接不做任何事情。 當鼠標懸停在鏈接上時，它不會顯示URL指向的內容，也不會讓您單擊它。
正確編寫HTML
一個網頁，確保超鏈接像這樣讀取：
ThoughtCo.com當然， “https://www.thoughtco.com/”需要指向您想要隱藏的實際URL，並且ThoughtCo.com可以更改為任何描述該鏈接的詞或短語。
這裡的想法是，活躍的類將用於下面的CSS來有效地隱藏鏈接。
使用這個CSS代碼
CSS代碼需要處理活動類，並向瀏覽器解釋點擊鏈接時的事件應為“無”，如下所示：
.active {pointer-events：none; 光標：默認; }您可以在JSFiddle上查看此方法。 如果您在那裡刪除CSS代碼，然後重新運行數據，則該鏈接突然變得可點擊並可用。 這是因為在未應用CSS時，鏈接正常工作。
注意：請記住，如果用戶查看頁面的源代碼，他們會看到鏈接並確切知道它的位置，因為就像我們上面看到的那樣，代碼仍然存在，它只是不可用。
更改鏈接的顏色
通常情況下，網頁設計師會使超鏈接的顏色與背景不同，以便訪問者可以真正看到他們並知道他們去哪裡。 但是，我們在這裡隱藏鏈接 ，所以讓我們看看如何更改顏色以匹配頁面的顏色。
定義一個自定義類
如果我們使用上面第一種方法的相同示例，我們可以簡單地將該類更改為我們想要的，以便只隱藏特殊鏈接。
如果我們沒有使用類，而是將CSS從下面應用到每個鏈接，那麼它們都會消失。 這不是我們之後的事情，所以我們將使用這個使用自定義隱藏類的HTML代碼：
ThoughtCo.com找出使用什麼顏色
在我們輸入適當的CSS代碼來隱藏鏈接之前，我們需要弄清楚我們想要使用什麼顏色。 如果你已經有了堅實的背景，比如白色或黑色，那很簡單。 但是，其他特殊顏色也需要精確。
例如，如果您的背景顏色具有e6ded1的十六進制值， 則需要知道CSS代碼可以正常工作以便使其消失。
這些“拾色器”或“吸管”工具有很多，其中之一稱為Chrome瀏覽器的ColorPick吸管。 使用它來對網頁的背景顏色進行採樣以獲得十六進制顏色。
自定義CSS以更改顏色
現在您已具有該鏈接的顏色，現在可以使用上面的自定義類值來編寫CSS代碼：
.hideme {color：＃e6ded1; }如果您的背景顏色像白色或綠色一樣簡單，則不必在其之前放置＃號：
.hideme {color：white; }在此JSFiddle中查看此方法的示例代碼。