加载中…
个人资料
蔚蓝天
蔚蓝天
  • 博客等级:
  • 博客积分:0
  • 博客访问:1,340,014
  • 关注人气:1,208
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

给博文加边框代码大全

(2008-06-03 17:51:37)
标签:

博文边框

代码

示例

flash

分类: 博客代码及应用
  

可调节边框颜色的 边框代码:

<TABLE style="BORDER-RIGHT: #adfedc 25px outset; BORDER-TOP: #adfedc 25px outset; BORDER-LEFT: #adfedc 25px outset; WIDTH: 120px; BORDER-BOTTOM: #adfedc 25px outset; HEIGHT: 106px" height=106 width=120 align=center background=框内背景图片地址,可以是GIF图片 table>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE

   

 示例:▲ 

代码3:

<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#7f05fb cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<TD bgColor=#000000>
<P align=center><FONT color=#ffffff><U>添加文字或者图片等<WBR></U></FONT></P></TD></TR></TBODY></TABLE>

示例:▲ 

给博文加边框代码大全添加文字或者图片等

 代码4:

<TABLE style="WIDTH: 660px; HEIGHT: 14px" cellSpacing=0 cellPadding=0 width=660 align=center border=2>
<TBODY>
<TR>
<TD class=big vAlign=top colSpan=2>
<P align=center>输入文字图片等博文内容&nbsp;<WBR></P></TD></TR></TBODY></TABLE>
<DIV class=articleInfo>&nbsp;</DIV>

示例:▲ 

点击轴卷画绳索开始欣赏醉人的秋色

 

代码5:

<DIV style="BORDER-RIGHT: #e0eee0 5px double; BORDER-TOP: #e0eee0 5px double; BORDER-LEFT: #e0eee0 5px double; BORDER-BOTTOM: #e0eee0 5px double">
<P align=center>输入方框里的文字</P>
<P><FONT color=#339900></FONT></P></DIV>

示例:▲ 

欢度春节

    

 

 在这输入自己的文字,或者上传图片。

 

 

             在这里可以输入博文内容

 

 
立体阴影框
给博文加边框代码大全
 
代码:▲ 
<TABLE cellSpacing=3 cellPadding=15 border=2>
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#ffffff><FONT color=#ff0000 size=4><IMG style="WIDTH: 612px; HEIGHT: 205px" height=178 src="图片地址" width=244></FONT></TD></TR></TBODY></TABLE>
<DIV></DIV><WBR><WBR><WBR>
 

 本样式边框代码

<TABLE style="WIDTH: 656px; HEIGHT: 176px" borderColor=#6495ed cellSpacing=10 borderColorDark=#0000ff cellPadding=0 width=660 align=center border=5>
<TBODY>
<TR>
<TD>
<P><FONT color=#00ccff></FONT></P>
<P><FONT face=Arial></FONT><FONT color=#00ccff>&nbsp;</FONT></P>
<P><FONT face=Arial></FONT><FONT color=#00ccff>&nbsp;</FONT></P>
<P><FONT color=#00ccff>&nbsp;</FONT></P>
<P>&nbsp;</P>
<P><FONT color=#00ccff>&nbsp;</FONT></P>
<P><FONT color=#00ccff></FONT></P><FONT color=#00ccff>&nbsp;</FONT></TD></TR></TBODY></TABLE><FONT color=#00ccff>
<DIV class=articleContent id=articleBody></FONT>&nbsp;</DIV>

 

 

 本样式边框代码:

<TABLE style="WIDTH: 660px; HEIGHT: 149px" borderColor=#98fb98 borderColorDark=#e6e6fa cellPadding=0 width=652 align=center border=10>
<TBODY>
<TR>
<TD>
<P><FONT color=#00ccff></FONT></P>
<P 2em?><FONT color=#00ccff>&nbsp;</FONT></P>
<P 2em?><FONT color=#00ccff>&nbsp;</FONT></P>
<P 2em?><FONT color=#00ccff>&nbsp;</FONT></P>
<P 2em?><FONT color=#00ccff>&nbsp;</FONT></P>
<P 2em?><FONT color=#00ccff>&nbsp;</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

 代码:

<TABLE style="WIDTH: 660px; HEIGHT: 70px" borderColor=#da70d6 cellSpacing=8 cellPadding=10 width=660 align=center background=http://s2.sinaimg.cn/middle/50f03825t6832c9106681&amp;690 border=4>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 90%; HEIGHT: 30px" cellSpacing=1 cellPadding=3 align=right border=1>
<TBODY>
<TR>
<TD>
<P align=left>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

 

 边框的代码和说明  

代码:

<TABLE style="WIDTH: 660px; BORDER-COLLAPSE: collapse; HEIGHT: 116px" borderColor=#cccccc cellSpacing=2 cellPadding=2 align=center bgColor=#ffffff border=20>
<TBODY>
<TR>
<TD>
<P align=center>需要编辑的内容,包括文字图片等</P></TD>
<TR>
<TD>
<P align=center></P>
<TR>
<TD>
<P align=center></P></TD></TR></TBODY></TABLE>
 

说明:

WIDTH: 660px表示边框的宽度  borderColor=#cccccc 表示边框颜色  bgColor=#ffffff 表示文面背景颜色  代码中橘红颜色部分表示边框中的横线,如果想添加横线,复制粘贴到黄色代码的后面即可。两条横线的距离(高度)是由输入的内容而决定的。ok!

 参看边框大全 http://blog.sina.com.cn/s/blog_49d137b40100dot6.html 

 

 博文内容

 

边框加FLASH加滚动文字

 

热爱生活




热爱生活本身就是珍惜生命,因为只有热爱生活的人,心中才会充满阳光。在每一次微笑的瞬间绽开永恒生命的意义。采撷一朵真情的花朵,播撒热情的火种,信念的橡子蕴藏展现壮美未来的橡树。这颗跳动不息的心终有一天会飞出胸膛,炽烈成温暖的太阳,照耀曾经养育他的爱的摇篮。当回首往事时,翻开风干的回忆,搁着岁月书签的那一页,也许我会潸然泪下,那时,湿润的岂只是眼眸。


 

热爱生活本身就是珍惜生命,因为只有热爱生活的人,心中才会充满阳光。在每一次微笑的瞬间绽开永恒生命的意义。采撷一朵真情的花朵,播撒热情的火种,信念的橡子蕴藏展现壮美未来的橡树。这颗跳动不息的心终有一天会飞出胸膛,炽烈成温暖的太阳,照耀曾经养育他的爱的摇篮。当回首往事时,翻开风干的回忆,搁着岁月书签的那一页,也许我会潸然泪下,那时,湿润的岂只是眼眸。


 

 

进入编辑窗口可以在这里输入图片和文字。背景图片也可以在源代码里用自己的图片。

代码:

<TABLE borderColor=#99cc66 height=50 width=690 align=center border=1>
<TBODY>
<TR>
<TD background=http://s14.sinaimg.cn/middle/5df3674ct713a3403658d&amp;690>
<P style="MARGIN: 0cm 0cm 0pt; LINE-HEIGHT: 200%" align=center><FONT color=#006600><WBR><WBR></FONT></P></TD></TR></TBODY></TABLE>

 
代码:<DIV style="BORDER-RIGHT: #cc9933 3px solid; BORDER-TOP: #cc9933 3px solid; BORDER-LEFT: #cc9933 3px solid; BORDER-BOTTOM: #cc9933 3px solid" align=center>&nbsp;</DIV>         

 

                              这里输入文字图片等,对博文进行自由编辑                                                                        

 

 <DIV align=center>
<TABLE style="BORDER-RIGHT: #ff0000 4px ridge; BORDER-TOP: #ff0000 4px ridge; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #ff0000 4px ridge; BORDER-BOTTOM: #ff0000 4px ridge" height=180 cellSpacing=0 cellPadding=0 width=650 align=center background=http://s2.sinaimg.cn/small/5e1a7abfg6889401ad7f1&amp;690 border=0>
<TBODY>
<TR>
<TD>
<P st="">&nbsp;</P></TD></TR></TBODY></TABLE></DIV>

 
<TABLE style="WIDTH: 690px; BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; HEIGHT: 200px; BORDER-BOTTOM-STYLE: dotted" borderColor=#ff8c00 height=200 cellSpacing=0 cellPadding=4 width=690 bgColor=#e6e6fa border=2>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
 
<TABLE style="WIDTH: 690px; BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; HEIGHT: 200px; BORDER-BOTTOM-STYLE: dotted" borderColor=#87d390 height=200 cellSpacing=0 cellPadding=4 width=690 bgColor=#f2f7f4 border=2>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

 参看边框大全 http://blog.sina.com.cn/s/blog_49d137b40100dot6.html 

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有