注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

启野的博客

淡淡的雾,淡淡的雨,淡淡的云彩悠悠的游。

 
 
 

日志

 
 

HTML水晶博客边框代码——应用(一)  

2009-06-08 22:37:00|  分类: HTML专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、代码:

<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动态小图代码。

 

四、通通透透看代码(启野学习探索):

上述代码是从海珠儿博客拿来的,感谢他!不过海珠儿说过活学活用,通通透透看代码

水晶博客边框代码——应用(一) - qy-0824 - 启野的博客1、标题宽度调节

标题宽度可以通过height=27>标题数值来调节,同样可以随着标题的字体大小和内容的多少自动调节。

标题

这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。

正文

这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。

 

 

水晶博客边框代码——应用(一) - qy-0824 - 启野的博客2、标题与正文一样水晶

注意观察:标题和边框是水晶的,而正文则不是,我要怎样变成正文与标题一样水晶呢?通过多次试验,

去掉正文代码<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动态小图代码。

 

  评论这张
 
阅读(720)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017