本文适合宽屏风格（博客宽度720px）

龙韵老师为老小孩博客定制了很多精美的“音画模板”，如果能使用Photoshop图形软件，那就可以直接在上面书写博客文字。对于不会用图形软件的网友，可以使用简单的源代码将图片作为背景，再在上面写文字。这里根据网友使用信纸的习惯，推荐一段简单的源代码，不妨按此试试看。

宽度" height="高度"
cellspacing="0" cellpadding="0" border="0"
style="background-repeat:no-repeat;"
background="龙韵老师的图片地址">

为了解释方便，将上述代码分成三部分。

第一段是定义一个表格。将龙韵老师的音画贴作为表格的背景图，需要更改的是：

宽度（width）

高度(height）

及图片的地址

如果 龙韵老师没有提供图片地址，可以用鼠标右键点击图片，打开图片的属性栏，就能查到图片的地址、宽度、高度。请务必填上高度（height）的数值。

第二段是文字区域位置的设置。我们将文字区域理解为一个方型的区域（在源代码里称为容器），它位于图片内部。需要设置的是方形区域与背景图片上、左、右三边的距离。

valign="top"  文字区域与背景图向上对齐。这设置很重要，使下面的竖向定位有一个基准。原来的默认值是居中的，因此难以控制文字区域的竖向位置。

padding-top:370px;padding-right:30px;padding-left:30px;

在style里padding设置是文字区域在背景图上的位置。在源代码里称为“填充距”，它与背景图的关系请看上面的示图。padding-top 是“上填充距”，即文字区域离图片顶边的距离。龙韵老师的画，在上部都有大图，因此取值大一点。同理，padding-right 是右填充距，padding-left是左填充距。设置左右填充距的目的，是使文字区域在左右两边都留空，数值从20px~50px随意,左右可以不对称。现在的数据 只作参考。下填充距可以不设置。当背景图上有边图时，就要按需设置左右两个填充距的数值，以避开它。要反复多次，才能完美。

valign的设置是必须的，padding的设置也可以用空格或空行来代替。

下面一行代码是文字的大小、颜色、字体等的设置，当然也可以用老小孩编辑器里的工具来设置。但行高的设置  line-height：1.5em 在编辑器里是没有的。这里的值 1.5em 是指行高等于1个半文字的高度。

p标签里的 text-indent: 2em 设置了每段首行都缩进两个字的距离。这样可以不用打空格来调整首行的缩进量了。

代码的第三部分是表格的封闭标签。

总结老小孩的使用法：将上述代码拷贝到写日记的编辑框内（是源代码编辑状态）。填上龙韵老师音画图的地址、宽度、高度。按实际情况修改上填充距、左右填充距 等三个数据。回到常规的编辑状态，在上面就可以写博客了。

文字从这里开始写。

这是龙韵老师的作品，习之取用了外面的边框，并删了里面的图，制成横竖都能延展的边框，供朋友们使用。首行已缩进两个字。两边的边框宽度各为40px， 填充距25px，可以根据此数据计算在框内图片的最大宽度。