色彩

首页 > HTML实例讲解 > 色彩

改变网页的背景色

想改变网页的背景色,可以在 <body> 标签里指定 bgcolor 属性。

<body bgcolor="#cc0000">
  :
</body>

也可以用 CSS 来实现。

<style type="text/css">
<!--
body { background-color: #cc0000; }
-->
</style>

改变文字的颜色

想改变文字的颜色,可以使用 <font color="...">

<font color="red">红色的文字</font>

也可以使用 CSScolor 来实现

<span style="color:red">红色的文字</span>

关于色彩请参考《色彩入门》。

一次改变所有文字的颜色

想指定网页全体文字的颜色,可以在 <body> 标签里指定 text、link、vlink、alink 属性。text 是普通文字的颜色,link 是链接文字的颜色,vlink 是已访问的链接文字的颜色,alink 是链接被点击时的文字颜色。

<body text="#333333" link="#009900" vlink="#006600" alink="#ff0000">
   :
</body>

想用 CSS 实现的话,可以在 <head>~</head> 里写下面的 CSS 代码。

<style type="text/css">
<!--
body { color: #333333; }
a:link { color: #009900; }
a:visited { color: #006600; }
a:active { color: #ff0000; }
-->
</style>

改变鼠标移到链接上时链接文字的颜色

想改变鼠标移到链接上时链接文字的颜色,可以使用 CSS 里的 hover 。

<style type="text/css">
<!--
A:hover { color: #ff0000; }
-->
</style>

使文字的颜色渐变

想使文字的颜色渐变,可以把每一个文字都设定一种颜色。

<font color="#ff00ff">文</font>
<font color="#cc00ff">字</font>
<font color="#9900ff">颜</font>
<font color="#6600ff">色</font>
<font color="#3300ff">渐</font>
<font color="#0000ff">变</font>