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

芬芳的博客

空灵在怀.心怀希望.心存感激.用心生活.拥抱感受~~~~精彩生活每一天

 
 
 

日志

 
 

【转载】五种不同风格边框代码实例  

2013-11-19 10:57:57|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1-颜色背景图框

五种不同风格边框代码实例 - 和尚 - 2003
这里贴标题文字

下面插入各种内容(代码)

<DIV style="WIDTH: 900px; TOP: 20px; LEFT: 0px">
<TABLE border=20 cellSpacing=15 borderColor=#b8860b cellPadding=20 width=900 bgColor=#ffeedd align=center height=300>
<TBODY>
<TR>
<TD>
<DIV><IMG src="
http://img8.ph.126.net/5ha51egDDycGqJRlP8Jtgw==/1400619484112246788.jpg"></DIV>
<DIV style="FILTER: shadow color=#000000); LINE-HEIGHT: 150%; WIDTH: 100%; COLOR: #844200; FONT-SIZE: 40pt" color="#666600" align=center ><FONT face=隶书>这里贴标题文字</FONT></FONT></DIV>
<P align=center><FONT color=#0000ff size=5 face=黑体>下面插入各种内容(代码)</FONT><BR></P></TD></TR></TBODY></TABLE>

2-透明背景的图框

这里贴标题文字

下面插入各种内容(代码)

<TABLE style="WIDTH: 900px; TOP: 20px; LEFT: 0px" border=22 borderColor=#844200 width=900 background=http://img7.ph.126.net/q6cC7wNJlc78g4UqmZYNXg==/2008042483854249197.gif  align=center height=400>
<TBODY>
<TR>
<TD>
<DIV style="FILTER: shadow color=#000000); LINE-HEIGHT: 150%; WIDTH: 100%; COLOR: #844200; FONT-SIZE: 40pt" align=center color="#666600"><FONT face=隶书>这里贴标题文字</FONT></FONT></DIV>
<P align=center><FONT color=#0000ff size=5 face=黑体>下面插入各种内容(代码)</FONT><BR></P></TD></TR></TBODY></TABLE>

3-红色背景淡化的图框

这里贴标题文字

下面插入各种内容(代码)

<DIV style="WIDTH: 900px; TOP: 10px; LEFT: 0px">
<TABLE border=15 cellSpacing=5 borderColor=#800000 cellPadding=5 width=900 bgColor=#ffffff height=330>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1)" border=0 cellSpacing=0 cellPadding=0 width=840 bgColor=#ff0000>
<TBODY>
<TR>
<TD>
<DIV style="FILTER: shadow color=#000000); LINE-HEIGHT: 150%; WIDTH: 100%; COLOR: #844200; FONT-SIZE: 40pt" align=center color="#666600"><FONT face=隶书>这里贴标题文字</FONT></DIV>
<P align=center><FONT color=#0000ff size=5 face=黑体>下面插入各种内容(代码)</FONT></P>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

4-三合一图框

这里贴标题文字

下面插入各种内容(代码)

<TABLE border=0 cellSpacing=0 borderColorLight=#b18453 cellPadding=0 width=850 background=http://img1.ph.126.net/KAWRyX1w4nrAuGdtigy0Og==/4912582768631088073.jpg align=center height=397>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 borderColorLight=#b18453 cellPadding=60 width=850 background=http://img1.ph.126.net/c-FRzQ_QTkLQv68IbVobNQ==/2050826680414052431.jpg align=center>
<TBODY>
<TR>
<TD>
<CENTER><FONT color=#ffff00 size=6 face=华文行楷>在这张图框插入所有内容(代码)</FONT></CENTER>.</TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 borderColorLight=#b18453 cellPadding=0 width=850 background=http://img0.ph.126.net/CmxDztBDLphRRz2NkbgQaA==/1484217552295313589.jpg align=center height=283>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

5-七彩图框代码

这里贴标题文字

下面插入各种内容(代码)

<TABLE border=4 cellSpacing=0 borderColorLight=#5b00ae borderColorDark=#000000 cellPadding=1 width=900 align=center>
<TBODY>
<TR>
<TD>
<TABLE border=4 cellSpacing=0 borderColorLight=#00e3e3 borderColorDark=#ff0000 cellPadding=1 width=890 align=center>
<TBODY>
<TR>
<TD>
<TABLE border=4 cellSpacing=0 borderColorLight=#00a600 borderColorDark=#ffa500 cellPadding=1 width=880 align=center>
<TBODY>
<TR>
<TD>
<TABLE border=4 cellSpacing=0 borderColorLight=#ffff00 borderColorDark=#ffffff cellPadding=1 width=870 align=center>
<TBODY>
<TR>
<TD>
<TABLE border=4 cellSpacing=0 borderColorLight=#ffa500 borderColorDark=#00a600 cellPadding=1 width=860 align=center>
<TBODY>
<TR>
<TD>
<TABLE border=4 cellSpacing=0 borderColorLight=#ff0000 borderColorDark=#00e3e3 cellPadding=1 width=850 align=center>
<TBODY>
<TR>
<TD>
<TABLE border=4 cellSpacing=0 borderColorLight=#000000 borderColorDark=#5b00ae cellPadding=1 width=840 background=http://img2.ph.126.net/mvLi5NGqv1Q-nHJtcHkvDQ==/898468125660776452.jpg align=center>
<TBODY>
<TR>
<TD>
<DIV style="FILTER: shadow color=#000000); LINE-HEIGHT: 150%; WIDTH: 100%; COLOR: #844200; FONT-SIZE: 40pt" align=center color="#666600"><FONT face=隶书>这里贴标题文字</FONT></DIV>
<P align=center><FONT color=#0000ff size=5 face=黑体>下面插入各种内容(代码)</FONT></P>
<TABLE border=1 cellSpacing=1 cellPadding=1 width=840>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

和尚于2013-11-18编辑制作


  评论这张
 
阅读(27)| 评论(4)
推荐 转载

历史上的今天

评论

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

页脚

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