偶看新闻中华台北男足主教练:博客美化教程（以单一颜色或彩色图片为日志背景） - 小英子的日志 - 网易博客
来源：百度文库 编辑：偶看新闻 时间：2024/04/27 16:08:20
博客美化教程（以单一颜色或彩色图片为日志背景）
个人原创 2010-07-03 16:29:23 阅读590 评论20 字号：大中小
表格标签是做代码贴的基础．编辑音画贴要用表格设置图框，制作网页要用表格设置框架，在网页不同位置显示文字和图片，要用表格来设置位置控制．学习表格设置极为重要，必须多用点精力学习．表格标签属性有十多个内容和参数（属值），先从7个常用的学起，逐步提高. 用表格做图框的背景有颜色的，也有用图片的．启步学做代码贴，最好先用颜色作背景的图框．先练习做一张宽700，高300，绿色背景，蓝色边框的图框如下：.
代码如下：.
１
２
代码的意义和属性说明：
说明：
第一条标签是居中代码。
第二条标签是表格的始标签，有七个属性内容和属值．,。
·TABLE 标签名称：表格．
·width=500 表格（图框）宽度500个点．
·height=300 表格（图框）高度300个点,
·bgcolor="#00FF00：背景颜色为绿色代码．
·borderColor=#0000ff：边框颜色为蓝色．
·border=10"：边框粗度10个点．
·cellspacing="3"：单元格间距，就是图框内细线与边框的距离．
·cellpadding="10"：单元格衬距，就是插入内容与单元格间距细线的距离．
◆第三条标签是表格的行标签．
◆第四条标签是表格的列标签．
◆最后一行是居中和表格的全部尾标签．
如果要用图片作为背景，只要把上面表格标签第二行第三个属性内容，即颜色背景及颜色代码bgcolor=#00FF00改为图片背景及图片地址background="http:.....gif"．即可。我在网上找的图片地址是http://img.bimg.126.net/photo/lgpNQz_N6d0FMMAnJfLh8g==/2832482690640700899.jpg在background=""引号中间粘贴上图片地址，粘贴时在代码编辑页面光标切换成英文半角状态才行。在选择彩色图片时，尽量找宽大的图片，否则，网络显示页面的背景图案会有重复现象，在粘贴的网址jpg后面设置好图片的高和宽，单位都是像素，width=100% height=# ，宽一般是１００％，这样显示的图片大小恰好和你的日志显示页面一致。用图片作背景的显示效果：
此时，你已经完成了背景设置，无论是单色图片还是彩色图片，你可以切换到文字编辑页面编辑你的文章了，即如下图页面，在此页面，光标要插入到任意一行的句首，也要切换成全角状态，空两格，每一自然段的开始都必须输入回车键才能空两格编辑文字，否则，你点发表日志后的网络生成页面段首不能正常空格.：.
;
文字编辑页面只能在网络默认的范围内自定义字体的颜色、大小等，如上图，而不能任意自定义，比如文字的任意移动就必须回到原来的代码编辑页面（下图）编辑代码或文字，在此页面空格的方法和上面的一样。.：.
移动标签名称：marquee
移动的标签名称成对使用
只用移动标签，没有设置其他属性内容时，默认从右向左移动.：.
> 移动标签的语句说明：
marquee 移动标签名称．
scrollamount=# 属性内容速度及属值．属值：#=1 最慢 #=10 较快，参值大速度快．
direction=# 属性内容方向及属值．
▽移动方向属值：left向左移, right向右移，up向上移，down向下移，alternate来回走
．;
文字在图片上向上移动的代码如下：
1
2
显示效果如下图：
《梅花落》
隆冬十二月，寒风西北吹。
独有梅花落，飘荡不依枝。
留恋逐霜彩，漫步下冰斯。
何当与春日，共映芙蓉词。
以上代码说明：１ 设置图片的位置，是在显示页面居中位置。
２图片可视为一个表格，即设置的表格的属性
４文字设置的在图片上显示的位置，即在左边，并靠上显示。
５设置的文字在图片上显示的范围即数值是１５０和４５０，并是向上移动的，数值１是移动的速度，这些数值都可以变化的。
６是设置的诗文字的属性，即字体的大小，颜色、等。
７是一切代码的尾标签，首尾标签一定要成对，对称使用，否则不行。
是换行代码，它可以不成对使用，不用尾标签，也不分大小写，不成对使用的代码是很少的。
说明：以上各个图片的属性都是自定义的，在实际操作中可以按照自己的爱好进行修改，如颜色、大小数值、位置、方向等，如果朋友们认为代码很难记住，输入这些代码又很麻烦，其实很简单，你可以把这些固定的代码复制保存起来，或者保存在你的私密日志里，在你写文章时直接复制、粘贴就可以使用了，只不过你要简单的设置一下属性就可以了。
以下是我给朋友们附加的关于表格的代码：
1.表格标题
..........
表格标题位置 -- align
#号可为 top：表标题置于表格上方（预设值）
bottom：表标题置于表格下方
2.定义列
3.定义栏位 《1》：靠左对齐
《2》 ：靠中对齐ⅱ粗体
【1】水平位置 -- align
#号可为 left：向左对齐 center：向中对齐 right：向右对齐
【2】垂直位置 -- align #号可为
top：向上对齐 middle：向中对齐 bottom：向下对齐
【3】栏位宽度 -- width
【4】栏位垂直合并 -- rowspan
【5】栏位横向合并 -- colspan
1.
个人原创 2010-07-03 16:29:23 阅读590 评论20 字号：大中小
表格标签是做代码贴的基础．编辑音画贴要用表格设置图框，制作网页要用表格设置框架，在网页不同位置显示文字和图片，要用表格来设置位置控制．学习表格设置极为重要，必须多用点精力学习．表格标签属性有十多个内容和参数（属值），先从7个常用的学起，逐步提高. 用表格做图框的背景有颜色的，也有用图片的．启步学做代码贴，最好先用颜色作背景的图框．先练习做一张宽700，高300，绿色背景，蓝色边框的图框如下：.
代码如下：.
１
２
在这里开始插入文字图片等内容 ５ |
代码的意义和属性说明：
说明：
第一条标签是居中代码。
第二条标签是表格的始标签，有七个属性内容和属值．,。
·TABLE 标签名称：表格．
·width=500 表格（图框）宽度500个点．
·height=300 表格（图框）高度300个点,
·bgcolor="#00FF00：背景颜色为绿色代码．
·borderColor=#0000ff：边框颜色为蓝色．
·border=10"：边框粗度10个点．
·cellspacing="3"：单元格间距，就是图框内细线与边框的距离．
·cellpadding="10"：单元格衬距，就是插入内容与单元格间距细线的距离．
◆第三条标签是表格的行标签．
◆第四条标签是表格的列标签．
◆最后一行是居中和表格的全部尾标签．
如果要用图片作为背景，只要把上面表格标签第二行第三个属性内容，即颜色背景及颜色代码bgcolor=#00FF00改为图片背景及图片地址background="http:.....gif"．即可。我在网上找的图片地址是http://img.bimg.126.net/photo/lgpNQz_N6d0FMMAnJfLh8g==/2832482690640700899.jpg在background=""引号中间粘贴上图片地址，粘贴时在代码编辑页面光标切换成英文半角状态才行。在选择彩色图片时，尽量找宽大的图片，否则，网络显示页面的背景图案会有重复现象，在粘贴的网址jpg后面设置好图片的高和宽，单位都是像素，width=100% height=# ，宽一般是１００％，这样显示的图片大小恰好和你的日志显示页面一致。用图片作背景的显示效果：
此时，你已经完成了背景设置，无论是单色图片还是彩色图片，你可以切换到文字编辑页面编辑你的文章了，即如下图页面，在此页面，光标要插入到任意一行的句首，也要切换成全角状态，空两格，每一自然段的开始都必须输入回车键才能空两格编辑文字，否则，你点发表日志后的网络生成页面段首不能正常空格.：.
;
文字编辑页面只能在网络默认的范围内自定义字体的颜色、大小等，如上图，而不能任意自定义，比如文字的任意移动就必须回到原来的代码编辑页面（下图）编辑代码或文字，在此页面空格的方法和上面的一样。.：.
移动标签名称：marquee
移动的标签名称成对使用
> 移动标签的语句说明：
marquee 移动标签名称．
scrollamount=# 属性内容速度及属值．属值：#=1 最慢 #=10 较快，参值大速度快．
direction=# 属性内容方向及属值．
▽移动方向属值：left向左移, right向右移，up向上移，down向下移，alternate来回走
．;
文字在图片上向上移动的代码如下：
1
2
5 |
显示效果如下图：
《梅花落》
隆冬十二月，寒风西北吹。
独有梅花落，飘荡不依枝。
留恋逐霜彩，漫步下冰斯。
何当与春日，共映芙蓉词。
以上代码说明：１ 设置图片的位置，是在显示页面居中位置。
２图片可视为一个表格，即设置的表格的属性
４文字设置的在图片上显示的位置，即在左边，并靠上显示。
５设置的文字在图片上显示的范围即数值是１５０和４５０，并是向上移动的，数值１是移动的速度，这些数值都可以变化的。
６是设置的诗文字的属性，即字体的大小，颜色、等。
７是一切代码的尾标签，首尾标签一定要成对，对称使用，否则不行。
是换行代码，它可以不成对使用，不用尾标签，也不分大小写，不成对使用的代码是很少的。
说明：以上各个图片的属性都是自定义的，在实际操作中可以按照自己的爱好进行修改，如颜色、大小数值、位置、方向等，如果朋友们认为代码很难记住，输入这些代码又很麻烦，其实很简单，你可以把这些固定的代码复制保存起来，或者保存在你的私密日志里，在你写文章时直接复制、粘贴就可以使用了，只不过你要简单的设置一下属性就可以了。
以下是我给朋友们附加的关于表格的代码：
1.表格标题
表格标题位置 -- align
bottom：表标题置于表格下方
2.定义列
3.定义栏位 《1》
《2》
【1】水平位置 -- align
#号可为 left：向左对齐 center：向中对齐 right：向右对齐
【2】垂直位置 -- align
top：向上对齐 middle：向中对齐 bottom：向下对齐
【3】栏位宽度 -- width
【4】栏位垂直合并 -- rowspan
【5】栏位横向合并 -- colspan
1.
