一般博客采用以下这种简洁模式，相较而言，和讯的模块看上去太有棱角了。但事实上模块的设置极其方便自定义，并且完全可以通过图片的拼接消除方块效果。

下面就是这个思路的示意图，需要注意的是计算尺寸，使图片和模块文字恰好融合。

代码中添加头图的地方，这个都知道：

#header {
/*顶部*/background-image:url(http://hexun.com/**************.jpg);
 height:240px;
 width: 950px;
}

要把“个人门户 博客……”这行字往右挪，找到

#header #navi_bar .navi_bar_left {
 float: left;
 width: 920px;
 height: 28px;
 font-size: 14px;
 font-weight: bold;
 word-spacing: 12px;
 font-family: "宋体";
padding-left:250px;

增加如上红色字，值需自己调试。

添加页面中间背景图片的地方：

#page {
/*页面中间背景颜色*/
background-image:url(http://hexun.com/*********************.jpg);
background-repeat:repeat-y;      /*这里一般用一个水平长条，作y轴方向重复填充*/
 width:956px;
}

添加底图的地方：

#bottom {
/*底部背景色*/
 line-height: 170px;
 background-image:url(http://hexun.com/***************.jpg);

height: 110px;
 text-align: center;}

底图宽默认是956，做图就按这个宽度做就好，也不必改。高度height是按底图的高度定的，自己图片高是多少，就把height改成多少。这时候会发现“和讯个人门户 v1.0 | 和讯部落 | 客服中心”这一行字位于底图的最上部，得往下挪。这里只需要改动line-height，至于改成多少要一点点调试，到适合为止。