Msn中文网

一般放在页面最上面的就是标题行，标题行是一个网站或者页面的导航栏，可以说是一个页面的门面了，所以美化标题行所起到的效果是很重要的。如果用自定义HTML模块把它放在SPACE上面，会给空间增色不少。
用<table>来做美化是最方便也是最有效的办法，尽管要达到美化的效果要比较复杂，比如要应用CSS，但是用一些简单的方法，也能达到想要的效果。
比如

这样是比较简单的用层次的颜色美化的方法，从代码可以看出来：
<table width="数值" height="数值" cellSpacing=0 cellPadding=0 border="0">
<tr>
<td bgcolor="#00FF66">文字</td>
</tr>
<tr>
<td bgcolor="#33CCCC">文字</td>
</tr>
<tr>
<td bgcolor="#CC6666">文字</td>
</tr>
<tr>
<td bgcolor="#FFCC33">文字</td>
</tr>
</table>

颜色的搭配往往显得很重要，还有一种视觉效果比较好而且在大多网站常用的标题行美化方法，例如：

这样的方法是用图片做背景实现的，用来做背景的图片其实只是一条很细的线形渐变的竖线，用这个竖线无限循环，就做成了线形渐变的整体效果，就和无数个点组成一条直线的道理一样。不得不说这样的方法很聪明，因为它既简单，背景图片很小，这样打开速度很快，达到的效果也很好。唯一的问题就是需要类似的素材，这样的素材用作图软件做出来其实很简单，但是毕竟不是所有人都会做，但是象我上面所说的，很多网站都用这样的方法进行标题行美化，所以我们都可以把它们拿来借用。如何取到这样的素材，请看下面的帖子。

代码如下：
<table cellSpacing=0 cellPadding=0 width="100%" border="0">
<tr>
<td background=http://www.msn2008.org/msn/nav/nav17.gif height="37"> 标题文字 </td>
</tr>
</table>

说明一下，在兰色位置加入背景图片地址，红色处是背景图片的高度，不是所有素材的高度都是一样的，所以要根据具体的情况设置高度，当然也可以根据自己的需要随意设置，只要达到比较好的效果即可。在“标题文字”处设置标题，可以在编辑模式下改变颜色，字体，和连接。

查看更多与msn space相关的文章

msn,space美化标题行教程

取材教程

如上所说，此类素材很多，比如下面这个网站

http://astro.lady.qq.com/

留意标题和副标题处，很容易发现使用线形渐变的效果，在中间处点右键-背景另存为...

如图：



打开下载来的图片，就会看见这个背景图片，看起来只是一条线



放大来看，就能看出来它的确应用的是线形渐变效果



在图片文件点右键--属性，或者选取图片，查看WINDOWS窗口显示的详细信息，都可以找到这个图片的高度：





这样，把这个图片上传到本论坛或者SPACE相册并取得地址，再应用上面教程的代码，设置到合适的高度，就可以得到想要的效果了。