Jak ukryć linki za pomocą CSS
Użyj stylów CSS, aby Twoje linki były niewidoczne
Ukrywanie linku za pomocą CSS można to zrobić na wiele sposobów, ale przyjrzymy się dwóm metodom, w których a URL można całkowicie ukryć przed wzrokiem. Jeśli chcesz stworzyć na swojej stronie polowanie na padlinożerców lub jajko wielkanocne, jest to ciekawy sposób na ukrycie linków.
Pierwszym sposobem jest użycie Żaden jak wskaźniki-wydarzenia Wartość właściwości CSS. Drugim jest po prostu kolorowanie tekstu tak, aby pasował do tła strony. Żadna z metod nie ukrywa linku, jeśli ktoś sprawdzi kod źródłowy HTML. Jednak odwiedzający nie będą mieli prostego, bezpośredniego sposobu, w jaki mogą to zobaczyć, a nowicjusze nie będą mieli pojęcia, jak znaleźć link.
Wyłącz zdarzenie wskaźnika
Pierwszą metodą, której możemy użyć do ukrycia adresu URL, jest sprawienie, by link nic nie robił. Gdy wskaźnik myszy najedzie na link, nie pokaże, na co wskazuje adres URL, i nie pozwoli ci go kliknąć.
Napisz poprawnie HTML
Na stronie internetowej upewnij się, że hiperłącze brzmi następująco:
|_+_|Dowiedz się, jakiego koloru użyć
Zanim wprowadzimy odpowiedni kod CSS, aby ukryć link, musimy dowiedzieć się, jakiego koloru chcemy użyć. Jeśli masz już jednolite tło, takie jak białe lub czarne, to jest to łatwe. Jednak inne kolory specjalne również muszą być dokładne.
Na przykład, jeśli kolor tła ma wartość szesnastkową e6ded1 , musisz to wiedzieć, aby kod CSS działał poprawnie.
Dostępnych jest wiele narzędzi „selektora kolorów” lub „kroplomierza”, z których jedno nazywa się Kroplomierz ColorPick dla przeglądarki Chrome. Użyj go, aby pobrać próbkę koloru tła swojej strony internetowej, aby uzyskać kolor szesnastkowy.
Dostosuj CSS, aby zmienić kolor
Teraz, gdy masz już kolor, jaki powinien mieć link, nadszedł czas, aby użyć tego i niestandardowej wartości klasy z powyższej, aby napisać kod CSS:
|_+_|Jeśli kolor tła jest prosty, jak biały lub zielony, nie musisz umieszczać przed nim znaku #:
|_+_|
Zobacz przykładowy kod tej metody w tym JSFiddle .