一、代码:
<TABLE borderColor=#ff9999 height=211 cellSpacing=0 cellPadding=0 width=720 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#ff9999 height=27>标题</TD></TR>
<TR>
<TD vAlign=top height=184>
这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。
</TD></TR></TBODY></TABLE>
二、说明:
红色的是边框的颜色值,可以改变(见颜色代码表),绿色的是标题背景的颜色值,也可以改变(见颜色代码表),蓝色的“27”是标题栏的宽度值,也是可以改变的。
三、看看效果:
标题 |
这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。 |
四、通通透透看代码(启野学习探索):
上述代码是从海珠儿博客拿来的,感谢他!不过海珠儿说过活学活用,通通透透看代码
标题宽度可以通过height=27>标题数值来调节,同样可以随着标题的字体大小和内容的多少自动调节。
标题 这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。 |
正文 这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。 |
注意观察:标题和边框是水晶的,而正文则不是,我要怎样变成正文与标题一样水晶呢?通过多次试验,
去掉正文代码“<TR><TD vAlign=top height=184>这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。</TD></TR>”,直接用标题代码,得到下面代码:
(1)代码:
<TABLE borderColor=#4B0082 height=211 cellSpacing=0 cellPadding=0 width=720 align=center border=1><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#4B0082 height=27>标题</TD></TR></TBODY></TABLE>
(2)效果:
标题 这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。 正文 这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。 |
评论