網頁設計鏈接顏色_網頁設計怎麼改超鏈接的字體顏色

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

直接通過設置元素的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、運行的結果如下圖：

2、製作網頁時候，為了讓個別鏈接顏色突出顯示，該怎麼用CSS來實現？

看看對你有沒來有啟發
鏈接樣式調自用分兩種形式:
(1)<a href="#" class="on">鏈接</a>，對應樣式格式為a.on:link,a.on:visited{鏈接屬性，如果鏈接和訪問後鏈接樣式一樣，則用這種格式寫在一起就可以，節省資源}
a.on:hover { 滑鼠經過樣式}
注意同樣遵從鏈接書寫順序
（2）<div class="on"><a href="#">鏈接</a></div>,對應樣式格式為
.on a:link , .on a:visited {}
.on a:hover {}

詳細的可以參考我的另一個回答

3、PHP網頁設計鏈接顏色問題

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

<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>

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

設置超鏈接下劃線的顏色的方法：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">

</style>
<a href="www.baidu.com">百度</a>
</body>
</html>

效果：

擴展閱讀：

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

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

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

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

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

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

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

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

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

<style type="text/css">

</style>

8、網頁製作，點擊鏈接後變的顏色怎麼保持啊？

這個功能比較全，兼容各瀏覽器；CSS設置好就可以了，而且……；主要是你的分太少了。。
【JS】
function nTabs(tabObj,obj){
var tabList = document.getElementById(tabObj).getElementsByTagName("span");
for(i=0; i <tabList.length; i++)
{
if (tabList[i].id == obj.id)
{
document.getElementById(tabObj+"_Title"+i).className = "class標簽1";
document.getElementById(tabObj+"_Content"+i).style.display = "block";
}else{
document.getElementById(tabObj+"_Title"+i).className = "class標簽2";
document.getElementById(tabObj+"_Content"+i).style.display = "none";
}
}
}
【CSS】
class標簽1 {width:80px;color: #00ff00}
class標簽2 {width:80px;background:#ff0000;font-size: 150%}
【內容】
<div id="news">
<span id="news_0" onClick="nTabs('news',this);" class="class標簽1"><a href="#">哼哼哈</a></span>
<span id="news_1" onClick="nTabs('news',this);" class="class標簽2"><a href="#">哼哼哈飛</a></span>
<span id="news_2" onClick="nTabs('news',this);" class="class標簽2"><a href="#">哼哼哈哼哼哈黃巾軍</a></span>
</div>

9、網頁製作如何自定義鏈接文字的顏色.

你用的是DW/FP還是直接寫原碼？
如果在DW的話就直接在頁面屬性〉連接〉連接顏色內直接都懸一樣容的顏色就可以了

如果是寫原碼的話就在<head>~</head>里寫這樣一句
<style type="text/css">

</style>

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

網頁設計鏈接顏色

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