本文是经FCKEditor为例，介绍如何给文章加背景.
如图，网站进行了改版，发现网页内容被挤到左侧导航条的背面去了.原因是，里面的图片太宽，而此布局中间内容的宽度小于内文的实际宽度，所以造成了这种现象.
另一个问题是客户的网页背景中有一个其标识9的水印阴影，而此文太多的LOGO是白色的，所以把这个9是弄得支离破碎，老板很生气，后果很严重.需要改动.
于是，客户方又找到了三原色.
解决办法：
1.最佳办法：把每个LOGO的背景白色在PHOTOSHOP里转成背景透明的GIF或者PNG图片.这是最佳办法，但与本文无关.请参考（后续增加如何将图片背景色变透明）
2.第二办法：把文章的背景变成白色，这样其中的图片背景色就一致了.就没有问题了.但是－－因为这个9是整个页面的背景，把以单把文章部分变白可能只遮挡住了一部分.
增加文章背景色的方法
1.首先补充一些HTML基础知识.
DIV和TABLE -----前一个是层，后一个是表格.是目前主流的两种布局元素. 现在的WEB标准当然是DIV了.我们来用它们来做什么，做文章的画布，或者说叫草稿纸，我们的文字就做在这个DIV上面.它就相当于一个容器，把我们的文章中的内容包起来.所以背景色要在这里面搞.
background-----这是背景的语法.
如：
<div style="background:#ffffff">这的背景色就是白色</div>
<div style="background:#ff0000">这的背景色就是红色</div>
<div style="background:#000000">这的背景色就是黑色</div>
上文详解：style 表示这个层表现样式（style）为（=），背景色（background）为白色（#ffffff）.
其他类同.
背景图片呢是这个语法：background:url(图片的路径)
<div style="background:url(http://www.syscy.com/blog/upload/200801141529133382.jpg); height: 176px; width: 220px; ">这里可有一幅养眼图啊.</div>
语法是：<div style="background:url(http://www.syscy.com/blog/upload/200801141529133382.jpg); height: 176px; width: 220px; ">这里可有一幅养眼图啊.</div>
这里有一个容器（div）它的样式（style）为背景图片（background:url()），高度是176px;宽度是220px;ＵＲＬ里面括住的就是背景图片的路径啦.定义这个ＤＩＶ的高度和宽度，容器就没个大小了，如下面啦.
<div style="background:url(http://www.syscy.com/blog/upload/200801141529133382.jpg); ">这里可有一幅养眼图啊.</div>
怎样使用文本编辑器FCKEditor做背景呢
言归正传
1.如图点击fckeditor的源文件按钮
其他编辑器一般也有类似的按钮，如源代码，源文件，或者只是图标提示.这是指编辑器变更到代码的状态.吼吼，我们也写代码了.
2.在此状态下手工输入我们文章的背景框，纸纸，容器..你怎么理解都成.输入如下命令行：
<div style="background:#ffffff">要编辑的文字</div>
3,然后再点一下，上图中的按钮一下，就切换回视图状态，我们就看不到那个代码了，只看到要编辑的文字了，把这个文字修改成我们要的就可以了.
提示：我们增加了＂要编著辑的文字＂是为了变成正常状态好编辑，要把我们的文章正好放在这个DIV包围的里面去.
好，别的不多讲了.
等等，好像还没解决那个图片变形的问题.－－这个问题与本文无关了，把图片比例缩小点就好啦.
你还不懂，请关注三原色后续的文章.
８
