改变网页的背景颜色

时间:2014-11-20 03:18:35

标签: html css

我刚刚开始编写代码,几周前,所以我几乎都是全新的代码。

我刚刚创建了我的第一个网站,我正在尝试更改背景颜色,因为它仍然是白色的。这就是我到目前为止所做的:

<style>
    body {font:12px Verdana,Arial; color #428bca; background-color;#5bc0de}
    <h1>
    p
</style>

我也想知道在哪里可以找到颜色列表。我知道我的教授在网上向我们展示了一些颜色列表和相应数字。

3 个答案:

答案 0 :(得分:0)

我想注意你的CSS中有一些问题,例如:

background-color;#5bc0de

需要:

background-color:#5bc0de;

除此之外,你想要一个:颜色:color: #428bca;

颜色是十六进制的,如果你知道它是如何工作的,你可以通过观察颜色来判断颜色是什么。可以这样想:#RRGGBB,其中RR是颜色中的红色数量。其范围从00为无,FF为最多。例如:红色(#FF0000),绿色(#00FF00),黄色(#FFFF00)等

对于CSS,您希望格式如下:

[element] { 
     [CSS property]; 
     [another CSS property]; 
     ... ; 
}

换句话说,对于元素,我们有标记,例如:h1pbodydic等。对于每个CSS属性,我们以分号;。因此,在您的代码中,<h1>p并不一定需要在那里(您需要h1而不是<h1>)。所以正确的代码是:

body {
    font:12px Verdana,Arial; 
    color: #428bca;
    background-color:#5bc0de;
}

虽然您当然可以找到大量列表by searching online。正如我在#RRGGBB示例中所述。

,了解其工作方式更为重要

答案 1 :(得分:0)

您需要在样式定义中用冒号替换分号。

background-color: #5bc0de;

此外,如果代码是表达的,请删除这些行。

<h1>
p

有很多网站会为您提供颜色信息。

这是一个受欢迎的:

http://www.w3schools.com/html/html_colornames.asp

答案 2 :(得分:0)

CSS中存在一些错误(<h1>p应该删除)。 body的正确样式是:

body {
  font: 12px Verdana, Arial;
  color: #428bca;
  background-color: #5bc0de;
}

CSS总是property value;


十六进制颜色的简短描述(例如#5bc0de)是,#RRGGBB其中:

R = red
G = green
B = blue

每个字母值的范围从基础16中的00FF,它描述了相应颜色的强度,因此快速浏览一下,您可以看出#5bc0de将是绿色比蓝色更蓝绿色。 HTML颜色也可以表示为:

  • rgb(R,G,B)#RRGGBB
  • 相同
  • hsl(H,S%,L%) H = hue [0,360]S = saturation [0,100]L = luminosity[0,100]
  • #RGB #RRGGBB
  • 的简写
  • rgba(R,G,B,A)使用rgb(R,G,B)
  • 延长A = opacity[0,1]
  • hsla(H,S,L,A)使用hsl(H,S,L)
  • 延长A = opacity[0,1]
  • color颜色的明文字(例如black