网页设计中的颜色要如何设置_html网页制作如何设置网页背景色

1、制作网页如何改变背景颜色？

打开Adobe Dreamweaver，新建一个HTML网页文件.

网页的一般结构，首先是DOCTYPE声明，然后是头部标签<head>...</head>,文档的主体<body>..</body>标签，我们需要设置网页背景，直接设置<body>标签的背景就行了。

点击右边的所有规则，新建一条规则，在弹出的界面，选择器类型为标签选择器，选择器名称为body,然后点击确认。

在CSS规则里面选择背景，在“background-color”里面选择一种颜色作为网页背景色，然后点击确认。

然后点击在浏览器调试，查看网页背景，详细代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

body {

background-color: #FC6;

}

</style>

</head>

<body>

</body>

</html>

网页不仅仅可以用颜色作为背景，还可以用图片作为网页背景，打开刚才新建的规则，继续选择背景，“background-image”选项后面有浏览按钮，将作为背景的图片选择好，然后点击确认。

然后在调试网页，查看网页的背景，图片已经作为网页的背景颜色了。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

body {

background-image: url(10/38.png);

}

</style>

</head>

<body>

</body>

</html>

2、html网页制作，如何设置网页背景色？

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

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

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

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"的优势所在，可以定义个性风格。

3、怎样在网页设计中设计段落中字体的颜色？

<!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>
<p> </p>
<p><a target="_blank" style="color:#CCCCCC; text-decoration:none" href="http://www.qq.com">一个地方设置灰色，</a></p>
<p><a target="_blank" style="color:#00FF00; text-decoration:none" href="http://www.baidu.com">一个地方设置绿色，</a></p>
<p><a target="_blank" style="color:#000000; text-decoration:none" href="http://www.sina.com">一个地方设置黑色</a></p>
</body>
</html>

4、网页设计中怎么配色

(一) 红色搭配：红色是非常容易吸引人注意力的颜色，能够给人以温暖热情的感觉，这是红色的优点，但是也有其致命的缺点，即容易引起视觉疲劳。红色在各种媒体中被广泛的运用，主要在于醒目且给人有活力、积极、热诚、温暖、积极向上的精神和形象。红色的搭配主要是：(1)在红色中加入少量的黄，会使其热力强盛，趋于躁动和不安(2)在红色中加入少量的蓝，会使其热性减弱，更加文雅和柔和(3)在红中加入少量的白，会使其性格变的温柔，呈现含蓄、羞涩和娇嫩。

(二)黄色的色彩搭配：黄色通常呈现敏感和不安宁的视觉印象，这是它的缺点。但是黄色因有着金色的光芒，能够象征希望、权力和功名，还带有神秘的宗教色彩，有时候，黄色还能给人明亮、充满甜蜜和幸福感的感觉，很多设计师通常在作品中运用黄色来表现喜庆和华丽的感觉。黄色的搭配主要是：(1)在黄色中加入少量的蓝，呈现嫩绿色，去其高傲，成其平和、潮润的视觉效果(2)在黄色中加入少量的红，呈现橙色，去其冷漠、高傲，成其分寸感极强的热情和温暖(3)在黄色中加入少量的白，呈现柔和色彩，去其冷漠和高傲，成其含蓄、亲和。

(三)蓝色的色彩搭配：蓝色给人以冷漠，性格朴实而内向的感觉，但也呈现朴实、内向性格，可以为活跃、具有较强扩张力的色彩提供深远、广埔、平静的空间。此外，蓝色还可以淡化处理保持个性色彩，即便是在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格构成较明显的影响力。蓝色的搭配主要是：(1)蓝色中加入橙黄，将呈现甜美、亮丽和芳香(2)蓝色中加入橙白，将凸显焦躁无力的橙色知觉。

(四)绿色的色彩搭配：绿色是黄蓝两色综合而成，将黄色的扩张感和蓝色的收缩感相中和，将黄色的温暖感与蓝色的寒冷感相抵消，因此，绿色是最平和、安稳、柔顺、恬静、潢足、优美的色彩。绿色的搭配主要是：(1)绿色中黄色较多时，呈现活泼、友善和幼稚的性格(2)绿色中加入少量的黑，呈现庄重、老练和成熟(3)在绿色中加入少量的白，呈现洁净、清爽和鲜嫩。

(五)紫色的色彩搭配。紫色在所有色彩中明度最低的一种颜色，这种低明度给人沉闷和神秘的感觉。紫色的搭配主要是：(1)在紫色中红的成份较多时，呈现压抑感和威胁感。(2)紫色中加入白，可以去其沉闷的感官感受，呈现优雅、娇气，并充满女性的魅力。

(六)白色的色彩搭配。白色的色感光明，性格朴实、纯洁、快乐，又具有圣洁的不容侵犯的感觉，所以说如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。

5、网页设计问题，就是如何在css布局中设置边框大小、颜色问题

我个人建议你应该先学学基本的HTML和CSS知识，可视化的网页编辑工具对于新手来说是比较方便，但是这样的结果是“知其然不知其所以然”，而且有的时候用软件是达不到想要的效果的，还得直接修改HTML和CSS代码。

img {border:1px solid #666666;}

6、如何在HTML中设计水平线的颜色？

在HTML中设计水平线的方法如下

1 在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。

2，对水平线颜色的设置，怎么办? 其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为：< hr color=#FF0000>。

3，用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。

最后，再告诉你个小技巧

诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。

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

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

8、网页设计怎么改超链接的字体颜色？

直接通过设置元素的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、运行的结果如下图：

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

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

10、网页设计中如何设计自动改变字体颜色

自动改变颜色？
目前能力没达到
css中改变字体颜色
color:#000 用color属性就可以了
只听说过用数组设定几个颜色然后随机调用出颜色
或者鼠标划上去颜色改变
自动改变还真不知道！

导航:首页 > 万维百科 > 网页设计中的颜色要如何设置

网页设计中的颜色要如何设置

与网页设计中的颜色要如何设置相关的知识