HTML 背景

好的背景会使网站在外观上更加抢眼。

背景（）

HTML 设定背景有

两种简单模式。一种是直接搭配背景颜色；另一种是做个背景图，这种做法更为精美。这两种做法在 HTML 中都能轻松实现，现在来看以下背景颜色与背景图片范例。

背景颜色（）

背景颜色属性能够把背景设定为特定的颜色。其属性值可以是十六进制的数字、RGB 的值或者是颜色的名称。

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><span class="tag"><body</span><span class="pln"> </span><span class="atn">bgcolor</span><span class="pun">=</span><span class="atv">"#000000"</span><span class="tag">></span></code></li><li class="L1"><code><span class="tag"><body</span><span class="pln"> </span><span class="atn">bgcolor</span><span class="pun">=</span><span class="atv">"rgb(0,0,0)"</span><span class="tag">></span></code></li><li class="L2"><code><span class="tag"><body</span><span class="pln"> </span><span class="atn">bgcolor</span><span class="pun">=</span><span class="atv">"black"</span><span class="tag">></span></code></li></ol></pre></p>

以上的代码均将背景颜色设置为黑色。

背景（）

背景属性会将背景设定为图像，其属性值是图像的 URL。倘若图像尺寸比浏览器窗口小，那么该图像就会在整个浏览器窗口被复制。

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><span class="tag"><body</span><span class="pln"> </span><span class="atn">background</span><span class="pun">=</span><span class="atv">"/images/demo_bg.png"</span><span class="tag">></span></code></li><li class="L1"><code><span class="tag"><body</span><span class="pln"> </span><span class="atn">background</span><span class="pun">=</span><span class="atv">"cankaoshouce.com 网站的 images 文件夹中有一个名为 demo.png 的图片。"</span><span class="tag">></span></code></li></ol></pre></p>

URL 可以是相对地址，例如第一行代码。同时，URL 也可以是绝对地址，就像第二行代码那样。

提示：如果你打算使用背景图片，你需要紧记一下几点：

基本的注意事项 - 有用的提示：

标签中的背景颜色这一属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。标签中的背景属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。标签中的文本（text）属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。W3C 在他们的推荐标准中已删除背景颜色这一属性。W3C 在他们的推荐标准中已删除背景属性。W3C 在他们的推荐标准中已删除文本（text）属性。

应该使用层叠样式表（CSS）。它可以用来定义 HTML 元素的布局。同时也可以用来定义 HTML 元素的显示属性。