网页设计链接颜色_网页设计怎么改超链接的字体颜色

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>

导航:首页 > 万维百科 > 网页设计链接颜色

网页设计链接颜色

与网页设计链接颜色相关的知识