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

雾树芦花的博客

 
 
 

日志

 
 

教你用纯代码制作古典卷轴边框  

2011-05-31 00:08:11|  分类: 音画教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 


 

 

用代码打造古画轴边框代码:

 
<TABLE title=素材/夜月幽梦 雾树芦花收藏  border=0 cellSpacing=0 cellPadding=0 width=885 bgColor=#b0b08a align=center>
<TBODY>
<TR>
<TD><BR><BR><BR><BR>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=792 align=center>
<TBODY>
<TR>
<TD width=6>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=6 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#474922 ,endcolorstr=#f5faf4 ,gradientType=0)" height=15 width=6></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f5faf4 ,endcolorstr=#474922 ,gradientType=0)" height=15></TD></TR></TR></TBODY></TABLE></TD>
<TD width=10>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=10 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3a390b ,endcolorstr=#e5eae4 ,gradientType=0)" height=6 width=10></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5eae4 ,endcolorstr=#3a390b ,gradientType=0)" height=6></TD></TR></TR></TBODY></TABLE></TD>
<TD width=760>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=760 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#96967a ,endcolorstr=#ffffff ,gradientType=0)" height=15 width=760></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff ,endcolorstr=#96967a ,gradientType=0)" height=15></TD></TR></TR></TBODY></TABLE></TD>
<TD width=10>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=10 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3a390b ,endcolorstr=#e5eae4 ,gradientType=0)" height=6 width=10></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5eae4 ,endcolorstr=#3a390b ,gradientType=0)" height=6></TD></TR></TR></TBODY></TABLE></TD>
<TD width=6>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=6 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#474922 ,endcolorstr=#f5faf4 ,gradientType=0)" height=15 width=6></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f5faf4 ,endcolorstr=#474922 ,gradientType=0)" height=15></TD></TR></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9d9d81 ,endcolorstr=#d8d8be ,gradientType=0)" height=10 width=15></TD>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9d9d81 ,endcolorstr=#e8e7d2 ,gradientType=0)" width=720></TD>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9d9d81 ,endcolorstr=#d8d8be ,gradientType=0)" width=15></TD>
<TR>
<TD bgColor=#d8d8be width=15><BR><BR></TD>
<TD bgColor=#e8e7d2 width=720></TD>
<TD bgColor=#d8d8be width=15></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#d8d8be ,endcolorstr=#9d9d81 ,gradientType=0)" height=10 width=15></TD>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e8e7d2 ,endcolorstr=#9d9d81 ,gradientType=0)" width=720></TD>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#d8d8be ,endcolorstr=#9d9d81 ,gradientType=0)" width=15></TD></TR></TR></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=692 align=center>
<TBODY>
<TR>
<TD width=6>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=6 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#474922 ,endcolorstr=#f5faf4 ,gradientType=0)" height=15 width=6></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f5faf4 ,endcolorstr=#474922 ,gradientType=0)" height=15></TD></TR></TR></TBODY></TABLE></TD>
<TD width=10>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=10 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3a390b ,endcolorstr=#e5eae4 ,gradientType=0)" height=6 width=10></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5eae4 ,endcolorstr=#3a390b ,gradientType=0)" height=6></TD></TR></TR></TBODY></TABLE></TD>
<TD width=660>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=760 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#96967a ,endcolorstr=#ffffff ,gradientType=0)" height=15 width=760></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff ,endcolorstr=#96967a ,gradientType=0)" height=15></TD></TR></TR></TBODY></TABLE></TD>
<TD width=10>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=10 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3a390b ,endcolorstr=#e5eae4 ,gradientType=0)" height=6 width=10></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5eae4 ,endcolorstr=#3a390b ,gradientType=0)" height=6></TD></TR></TR></TBODY></TABLE></TD>
<TD width=6>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=6 align=center>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#474922 ,endcolorstr=#f5faf4 ,gradientType=0)" height=15 width=6></TD>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f5faf4 ,endcolorstr=#474922 ,gradientType=0)" height=15></TD></TR></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TABLE>

  注:边框所有颜色都是可以根据需要修改对应的色码的,不会改的就别改啦,乱了不好。

 

  评论这张
 
阅读(200)| 评论(0)

历史上的今天

评论

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

页脚

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