跳至內容

說明:連結顏色

本頁使用了標題或全文手工轉換
維基百科,自由的百科全書

在維基百科中,連結顏色和目標頁面狀態相對應。(Vector外觀的)預設顏色有如下含義:

連結樣式 類型 顏色 顏色
藍色連結 指向當前存在的頁面 #0645AD = rgb(6,69,173)  
深藍色連結 指向已經訪問過的存在頁面 #0B0080 = rgb(11,0,128)  
紅色連結 指向維基百科中未建立的頁面 #DD3333 = rgb(221,51,51)  
淺紅色連結 指向未連接但訪問過的頁面 #A55858 = rgb(165,88,88)  
綠色連結 在未建立的頁面下,指向維基百科其它語言的頁面 #007000 = rgb(0,128,0)  
淺綠色連結 未建立的頁面指的是其他語言的維基百科訪問頁面 #408080 = rgb(64,128,128)  
棕色連結 指向維基百科中很短的條目,但只有使用者在偏好設定里啟用「短頁面連結」選項才有效 #772233 = rgb(119,34,51)  
淡藍色連結 指向其它wiki
注意這個頁面無論是否在目標wiki上存在,連結都顯示為淡藍色。比如對於中文維基上的條目喬治亞州,日語維基不存在這個名稱相同的頁面,他們的對應頁面是ジョージア州外部連結也是用這種顏色
#3366BB = rgb(51,102,187)  
紫色連結 指向其它站點但訪問過的連結 #663366 = rgb(102,51,102)  

登入使用者可以透過更換外觀或自訂CSS改變顏色。

自訂連結顏色

讓內部連結對所有人都顯示為不同顏色

你可以這樣將連結改為不同顏色:

  • [[维基百科|<span style="color:green">这个页面存在</span>]]
  • [[喂鸡百科|<span style="color:green">这个页面不存在</span>]]

這會顯示為:

如果你想讓頁面自動檢查是否存在,可以:

  • [[维基百科|{{#ifexist: 维基百科|<span style="color:green">这个页面存在</span>|这个页面不存在}}]]
  • [[喂鸡百科|{{#ifexist: 喂鸡百科|<span style="color:green">这个页面存在</span>|这个页面不存在}}]]

這會顯示為:

僅改變自己看到的連結顏色

你可以透過編輯自己的CSS檔案來自訂連結顏色。

標準的連結選擇器有:

  • a:link—定義常規的未造訪連結的樣式
  • a:visited—定義已造訪連結的樣式
  • a:active—定義啟用連結的樣式;啟用指的是點擊過一次連結
  • a:hover—定義懸浮連結的樣式;懸浮指當滑鼠移動到連結上面

顏色由十六進制計數法表示:見網頁顏色

/* standard link colors */
.mw-body a:link {color: #0000FF} /* 常规未访问链接 */
.mw-body a:link:visited {color: #7F007F} /* 已访问链接 */
.mw-body a:link:active {color: #FF0000} /* 激活链接 */
.mw-body a:link.new {color: #FF0000} /* 新链接 */
.mw-body a:link.interwiki {color: #3366BB} /* 跨wiki链接 */
.mw-body a:link.external {color: #3366BB} /* 外部链接 */
.mw-body a:link.stub {color: #772233} /* 悬浮链接 */

.mw-body a:link {color: #FF0000}
.mw-body a:visited {color: #00FF00}
.mw-body a:hover {color: #FF00FF}
.mw-body a:active {color: #0000FF}

注意:

  • a:hover必定後於a:link和a:visited顯示
  • a:active必定後於a:hover顯示
  • 你需要在標準連結定以前加上「.mw-body」,否則網站預設定義會優先於你的定義。
重新導向連結

將重新導向連結改為綠色連結:

.mw-body a.mw-redirect {color:#308050}
.mw-body a.mw-redirect:visited {color:#3070A0}
外部連結
.mw-body a.external {color: #008000}

其他改變

你還可以改變文字的其它格式

文字修飾

這可以修改文字格式。比如添加底線:

.mw-body a:link {color: #000000;text-decoration: underline}

可選值有:

  • none
  • underline
  • overline
  • line-through
字型類型

這會改變連結字型:

.mw-body a:link {font-family: monospace}

參見