導航:首頁 > 萬維百科 > 自己網頁設計超鏈接顏色

自己網頁設計超鏈接顏色

 發布時間：2021-01-26 00:38:41

1、網頁製作超鏈接時如何讓字的顏色不變?

……》在你的<head></head>間加入如下代碼：

<style type="text/css">
<!--
a {text-decoration:none;}
a:link,a:visited,a:active {color:#000000;}
a:hover {color:#1888E0;} //這個是你滑鼠指向時的顏色，自己修改顏色值
-->
</style>

2、網頁設計怎麼改超鏈接的字體顏色？

?

3、網頁設計怎麼改超鏈接的字體顏色？

直接通過設置元素的color屬性即可改變超鏈接的顏色。

工具原料：編輯器、瀏覽器

1、設置超鏈接字體顏色的簡單代碼如下：

<!DOCTYPE html>
<html lang="zh">
<head>
<title>Document</title>
</head>
<body>
<a href="#"style="color: red;">鏈接一</a>
<a href="#"style="color: #090;">鏈接二</a>
<a href="#"style="color: yellow;">鏈接三</a>

</body>
</html>

2、運行的結果如下圖：

4、在網頁中如何設置超鏈接下劃線的顏色?

設置超鏈接下劃線的顏色的方法：A:link {color:顏色; }即可。

例如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>

<body>
<style TYPE="text/css">
<!--
A:link {color:red; }
-->
</style>
<a href="www.baidu.com">百度</a>
</body>
</html>

效果：

擴展閱讀：

A:link後為普通情況下鏈接的效果

A:visited後為已訪問鏈接的效果

A:hover後為滑鼠懸停在鏈接上時的效果

A:active後為當前活動鏈接的效果

如果想修改鏈接的顏色只要在括弧內寫上color值即可。

5、簡述在網頁設計中製作超鏈接的類型

超級鏈接分為以下幾種類型：內部鏈接：同一網站文檔之間的鏈接。 外部鏈接：不同網站文檔之間的鏈接。 錨點鏈接：同一網頁或不同網頁中指定位置的鏈接。 E-mail鏈接：發送電子郵件的鏈接。

6、製作網頁時如何用CSS設置不同顏色的超鏈接？

a:link {color: #FF0000} /* 未訪問的鏈接 */
a:visited {color: #00FF00} /* 已訪問的鏈接 */
a:hover {color: #00FF00} /* 滑鼠移動到鏈接上 */
a:active {color: #00FF00} /* 選定的鏈接 */

7、網頁設計中怎麼用代碼設定超級鏈接顏色

<html>
<head>
<title>Css:a:link使用</title>
<style>
a:link{
color:#990000;
font-size:12px;
text-decoration:none;
}
</style>
</head>
<body>
<h2>在下面的實例中．你點擊超鏈接以後會發現字體變大，而且會出現下劃線．這就對了．因為link只會對沒有被點擊過的超鏈接進行設置．<br/>
我們可以使用visited來對點擊過的超鏈接進行外觀設置</h2>
<hr/>
下面這組列表不是超鏈接，所以link不會這些元素起到任何效果
<ul>
<li>Html</li>
<li>Css</li>
<li>Dom</li>
</ul>
下面的超鏈接會按照link設置的顯示
<ul>
<li><a href="http://www.web666.net/html">html</a></li>
<li><a href="http://www.web666.net/javascript">JavaScript</a></li>
<li><a href="http://www.web666.net/ajax">Ajax</a></li>
</ul>
</body>
</html>

8、靜態網頁網頁製作中的超鏈接的字體顏色怎麼改

<a href="#"><font color=red>鏈接文字</font></a>

與自己網頁設計超鏈接顏色相關的知識