分享

给博文加边框代码大全

 风在舞613 2014-06-24
      

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

<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>输入文字图片等博文内容 <WBR></P></TD></TR></TBODY></TABLE>
<DIV class=articleInfo> </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> </FONT></P>
<P><FONT face=Arial></FONT><FONT color=#00ccff> </FONT></P>
<P><FONT color=#00ccff> </FONT></P>
<P> </P>
<P><FONT color=#00ccff> </FONT></P>
<P><FONT color=#00ccff></FONT></P><FONT color=#00ccff> </FONT></TD></TR></TBODY></TABLE><FONT color=#00ccff>
<DIV class=articleContent id=articleBody></FONT> </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> </FONT></P>
<P 2em?><FONT color=#00ccff> </FONT></P>
<P 2em?><FONT color=#00ccff> </FONT></P>
<P 2em?><FONT color=#00ccff> </FONT></P>
<P 2em?><FONT color=#00ccff> </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&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> </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&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> </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&690 border=0>
<TBODY>
<TR>
<TD>
<P st=""> </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

    0条评论

    发表

    请遵守用户 评论公约