HTML背景设置技巧：如何使用背景颜色和背景图片提升网站视觉效果
HTML 背景好的背景会使网站在外观上更加抢眼。
背景（）
HTML 设定背景有两种简单模式。一种是直接搭配背景颜色；另一种是做个背景图，这种做法更为精美。这两种做法在 HTML 中都能轻松实现，现在来看以下背景颜色与背景图片范例。
背景颜色（）
https://img2.baidu.com/it/u=2785386832,4228338525&fm=253&fmt=JPEG&app=138&f=JPEG?w=570&h=380
背景颜色属性能够把背景设定为特定的颜色。其属性值可以是十六进制的数字、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>
https://img2.baidu.com/it/u=3596358863,3533458817&fm=253&fmt=JPEG&app=138&f=JPEG?w=730&h=500
URL 可以是相对地址，例如第一行代码。同时，URL 也可以是绝对地址，就像第二行代码那样。
提示：如果你打算使用背景图片，你需要紧记一下几点：
基本的注意事项 - 有用的提示：
标签中的背景颜色这一属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。标签中的背景属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。标签中的文本（text）属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。W3C 在他们的推荐标准中已删除背景颜色这一属性。W3C 在他们的推荐标准中已删除背景属性。W3C 在他们的推荐标准中已删除文本（text）属性。
应该使用层叠样式表（CSS）。它可以用来定义 HTML 元素的布局。同时也可以用来定义 HTML 元素的显示属性。
页:
[1]