首頁  >  文章  >  web前端  >  html如何讓連結不變色

html如何讓連結不變色

青灯夜游
青灯夜游原創
2021-05-17 15:15:265715瀏覽

html讓連結不變色的方法:使用「:link」、「:visited」、「:hover」和「:active」偽類依照順序,分別設定未造訪的連結、已造訪的連結、當有滑鼠懸停在連結上時、被選擇的連結的四種連結狀態的連結顏色為同一種即可。

html如何讓連結不變色

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

可以透過設定連結樣式的偽類將不同情況的連結顏色設為同一種,實現連結不變色。可以使用:link、:visited、:hover、:active等幾個偽類來設定連結樣式。

設定連結顏色的偽類,實作連結不變色:

a:link {color: #0000FF}     /* 未访问的链接 */
a:visited {color: #0000FF}  /* 已访问的链接 */
a:hover {color: #0000FF}    /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF}   /* 被选择的链接 */

說明:

  • :link 偽類會為未造訪的連結新增特殊的樣式。

  • :visited 選擇器用於選取已存取的連結。

  • :hover 選擇器用於選擇滑鼠指標浮動在上面的元素。

  • :active 選擇器用於選擇活動連結。

(學習影片分享:css影片教學、《html影片教學」)

以上是html如何讓連結不變色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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