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 元素的显示属性。

# HTML背景设置技巧  # HTML背景设置技巧：如何使用背景颜色和背景图片提升网站视觉效果  # 做个  # 或者是  # 都能  # 就像  # 如果你  # 就会  # 在他们的  # 这一  # 已被  # 如何使用背景颜色和背景图片提升网站视觉效果  # 苏州公司品牌网站建设  # 丝瓜.seo  # seo查询效果  # 关键词排名就选q火9星好棒  # 巴彦淖尔网站制作建设  # 南京营销推广平台官网  # seo站群工具快速排名  # 专业灰色行业网站推广  # 雅安优化网站多少钱  # 全名营销推广  # 哪里能学网站推广优化  # 穿顶seo  # 企业网站怎么搜索优化  # 营销推广网站名称  # 唐山关键词优化排名软件  # 新乡优化网站排名推荐  # 公司网站建设提纲  # 政务公开网站建设  # 上海外贸seo招聘boss  # 搜索引擎网站优化软件  # 在整个  # 样式表  # 有一个  # 可以用来  # 这两种  # 会将  # 设置为  # 有两种  # 会使  # 它可以  # 几点 

相关文章： 杭州网站推广，助力企业拓展线上市场，实现品牌价值更大化，杭州专业网站推广服务，助力企业线上飞跃  *热点下拉：支持多平台下拉，低成本做推广，官网*   大连网站，城市发展的新引擎——探索大连 *** 世界的无限可能，大连， *** 新引擎驱动城市未来，大连， *** 新引擎赋能城市未来  百度百科下拉词是什么？出现负面该如何删除下拉词？   2025年11月6日厦门同安区竞赛规程公布！含多项重要信息   云南网站 *** ，打造专业、高效的互联网平台，云南专业高效互联网平台定制专家，云南专业互联网平台定制服务专家——网站 *** 首选  南昌网站建设公司，助力企业打造高效在线平台，南昌专业网站建设，助力企业数字化转型  生可乐火了！品牌开始扎堆健康营销？  一个手机号码可注册两个微信，附详细解绑及注册步骤   经典网站设计，回顾与展望，穿越时光的视觉之旅，经典网站设计回顾与未来展望  第58届金钟奖主视觉发布：“火星撞地球？”  2023小红书营销违规词！（收藏）  长沙做网站的公司，专业服务助力企业 *** 营销新篇章，长沙专业网站建设助力企业 *** 营销新里程  太原做网站，打造个性化企业品牌，助力企业腾飞，太原定制化网站建设，塑造企业品牌形象，助推企业飞跃发展  注意！利用iCloud及iTunes备份恢复微信聊天记录的方法   798迎别样潮流展，蓝鸟潮物大赛携手VaVa引爆京城  温州网站 *** ，打造个性化企业门户，助力企业线上发展，温州企业专属门户定制，专业网站 *** 助力线上腾飞，温州企业专属门户定制，专业网站 *** 助力线上腾飞  海淀网站建设，打造专业、高效、个性化的 *** 平台，海淀专业定制，高效网站建设，成就个性化 *** 平台，海淀定制高效网站建设，塑造专属个性化 *** 平台  地方门户网站系统，构建区域信息枢纽，助力地方经济发展，打造地方信息枢纽，地方门户网站系统助力区域经济发展  抖音电商交易平台：新时代商业风暴来袭，你了解多少？   数字化时代文小言如何删除记录？隐私保护与信息管理指南   上海网站设计公司，助力企业打造高品质在线形象，上海专业网站设计，塑造企业卓越 *** 品牌形象  分享免费下载无损音乐网站，车载CD刻录歌曲不愁啦   iPhone13 的 iOS 16.0 系统下，抖音视频时长权限你知道多少？   微信官方双开对比手机系统应用分身，差别究竟在哪？   互联网营销必看！百度搜索框下拉词优化关键词实战经验   网络推广方法大揭秘：博客、论坛、微博及签名档推广法   新型毒品别名成高频词，广东检察机关严打毒品犯罪呈现新特点   长春网站设计，打造专业形象，助力企业腾飞，长春专业网站设计，塑造企业形象，助力企业飞跃  2月23日网商银行安全检验技术与系统入选国家级项目，有何亮点？   龙岩网站 *** ，打造专业、高效的在线平台，龙岩专业网站定制服务，构建高效在线平台  高考后清北复交建群抢生源，北华大学因昵称引发争议？   团购网站建设，打造高效便捷的在线购物新体验，构建高效便捷的团购平台，开启在线购物新纪元，打造团购平台新纪元，高效便捷的在线购物体验之旅  手机丢后微信钱包被刷走两万？几步操作就能锁死钱包   第五人格：荒诞画风与悬疑剧情交织的刺激1V4手游   郴州网站SEO优化策略，助力企业提升在线竞争力，郴州企业网站SEO优化攻略，提升在线市场竞争力的秘诀  东营网站建设，打造企业线上形象，助力区域经济发展，东营企业线上形象塑造与区域经济腾飞助力之旅，东营企业线上形象塑造，助力区域经济腾飞之旅  微信怎么单独隐藏好友信息？教你3种常用方法，速来了解   武汉网站建设公司，助力企业互联网发展，打造专属品牌形象，武汉专业网站建设，助力企业塑造卓越品牌形象  河南雷霆扫毒！去年抓获2368名毒品犯罪嫌疑人，形势如何？   全方位解析门户网站建设方案，打造高效、专业的 *** 平台，构建高效专业 *** 平台，门户网站建设方案全解析  老乡鸡海报出bug，卑微求助笑拉了！  多数网民习惯先搜索，却不知小众搜索工具及Google技巧？   微信7.0.18版本删除后重新下载，如何恢复聊天记录？   优秀网站设计，构建吸引人的数字世界门户，卓越的网站设计，打造吸引人、现代化的数字世界门户  优化 *** 网站设计，提升公共服务水平，打造高效 *** 网站，助力公共服务升级，打造高效 *** 网站，助力公共服务水平全面提升  刘亦菲遇上美团外卖神抢手？两“神”碰撞太精彩！  4K电视成热门，片源难寻？葫芦视频带你免费看真4K电影   网站推广策划方案，全方位提升网站流量与品牌影响力的策略解析，全方位网站流量与品牌影响力提升策略解析，网站推广策划方案全攻略  揭秘低价网站建设背后的优势与风险，低价网站建设，揭秘其背后的利弊真相 

相关栏目： 【 广告资讯90366 】 【 广告推广18483 】 【 广告优化154267 】 【 广告营销46464 】