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

网页设计怎样设置链接颜色

发布时间:2020-12-18 22:52:32

1、html 网页制作 如何设置网页背景色

首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。<html><body></body></html>

由于css样式必须在标签<head></head>之间,因此我们点击<html>后面,输入<head></head>标签。

在head标签之间输入样式标签<style></style>,然后定义一些属性,例如

<style type="text/css">

body {background-color: yellow} 定义网页背景色为黄色;

h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00;

h2 {background-color: transparent} 定义h2标签背景色为透明;

p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值;

p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;

</style>

然后点击body标签后面输入正文标签内容,例如

<h1>这是KING</h1>

<h2>这是KING</h2>

<p>这是KING</p>

<p class="no2">这个KING设置20内边距。</p>

点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。

我们可以发现代码中两个同样的<p>标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。

2、网页设计中怎么用代码设定超级链接颜色

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

3、html网页制作,如何设置网页背景色?

首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。<html><body></body></html>

由于css样式必须在标签<head></head>之间,因此我们点击<html>后面,输入<head></head>标签。

在head标签之间输入样式标签<style></style>,然后定义一些属性,例如

<style type="text/css">

body {background-color: yellow} 定义网页背景色为黄色;

h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00;

h2 {background-color: transparent} 定义h2标签背景色为透明;

p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值;

p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;

</style>

然后点击body标签后面输入正文标签内容,例如

<h1>这是KING</h1>

<h2>这是KING</h2>

<p>这是KING</p>

<p class="no2">这个KING设置20内边距。</p>

点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。

我们可以发现代码中两个同样的<p>标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。

4、网页制作中文字链接颜色问题

必须用css
直接手写代码的话就看2楼了

a:link {color:#000000;} 默认时候颜色 (黑色)
a:visited {color:#ff0000;} 点击以回后的颜色 (红色答)
a:hover {color:#00ff00;} 鼠标放上去时候 (绿色)
a:active {color:#0000ff;} 点击时候的颜色 (蓝色)

这是在CSS 样式表里面定义的!

不写代码 就用dreamwear 选中你要修改样式的文字 点右侧css面板的右上角 新建css规则 选择就行了

5、网页制作,点击链接后变的颜色怎么保持啊?

这个功能比较全,兼容各浏览器;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>

6、在网页中如何设置超链接下划线的颜色?

设置超链接下划线的颜色的方法: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值即可。

7、制作网页时如何用CSS设置不同颜色的超链接?

a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #00FF00} /* 鼠标移动到链接上 */
a:active {color: #00FF00} /* 选定的链接 */

8、PHP网页设计链接颜色问题

<style type="text/css">
a{color:#0000FF;} //a标签就是网页所复有链接,后面制设置颜色
a:link{color:#0000FF;} //这是超链接颜色
a:visited{color:#0000FF;} //访问过的超链接颜色
a:hover{color:#990000;} //鼠标移到超链接上 时候的颜色
a:active{color:#0000FF;} //访问的超链接颜色
</style>

9、网页制作中怎么改变字体颜色?

1、首先打开hbuilder软件,新建一个html文件,里面写入3个p标签,再在style标签中设置p标签的基本样式,包括间距,字体大小等属性:

2、然后在style标签中用3种方法设置文字颜色,第一个p标签用16进制设置颜色,每两个数字为一组,最大数字为ff,它们代表红绿蓝三种颜色;第二种方法是rgba,也是红绿蓝三种颜色,只不过值变成了数字,最大为255表示颜色最鲜艳,比如把第一个设置为255就是最红:

3、第三个标签使用HSL色彩,其中H代表色调,值最大为360,0和360也是红色,其他颜色在中间;s是饱和度用百分比来表示,0%表示最暗,100%表示最亮;L表示亮度取值也是百分比;rgba和hlsa中a都表示透明度,取值在0.0到1.0之间,0.0是完全透明,1.0为完全不透明:

4、最后打开浏览器就能三种方法表示出的颜色 :

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