HTML背景设置技巧：如何使用背景颜色和背景图片提升网站视觉效果

hwyzw · 发表于 2025-3-3 21:21:39

HTML 背景

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

背景（）

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

背景颜色（）

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

 <pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><body bgcolor="#000000"></code></li><li class="L1"><code><body bgcolor="rgb(0,0,0)"></code></li><li class="L2"><code><body bgcolor="black"></code></li></ol></pre>
以上的代码均将背景颜色设置为黑色。

背景（）

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

 <pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><body background="/images/demo_bg.png"></code></li><li class="L1"><code><body background="cankaoshouce.com 网站的 images 文件夹中有一个名为 demo.png 的图片。"></code></li></ol></pre>

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

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

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

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

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

HTML背景设置技巧：如何使用背景颜色和背景图片提升网站视觉效果

更多帖子推荐