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

547217255的博客

 
 
 

日志

 
 

教你如何用代码做日志边框  

2016-12-23 15:08:25|  分类: 边框代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

祝福福快乐!

 

 

 

 

 

 

单一的边框代码

<DIV>
<P>
<TABLE style="BACKGROUND-IMAGE: url(自己喜欢的图片地址); BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove" cellSpacing=27 cellPadding=27 align=center border=2>
<TBODY>
<TR>
<TD width=0%>
<DIV align=center>&nbsp;</DIV></TD></TR></TBODY></TABLE></P></DIV>

 效果图如下:

自己想写的字

说明:cellSpacing=27 (27为边框宽度);cellPadding=27 (27为边框高度);border=2(2为边框外边厚度)

 

套装的边框代码

 

<DIV>

<DIV>
<DIV>
<DIV>
<DIV>
<P>
<TABLE style="BACKGROUND-IMAGE: url(自己喜欢的图片地址一); BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove" cellSpacing=27 cellPadding=27 align=center border=2>
<TBODY>
<TR>
<TD width=0%>
<DIV align=center>

<TABLE style="BACKGROUND-IMAGE: url(自己喜欢的图片地址二);BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#ff9900 cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD width=0%>
<DIV align=center>

<TABLE style="BACKGROUND-IMAGE: url(自己喜欢的图片地址三);BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-BOTTOM-STYLE: double" borderColor=#ff9900 cellSpacing=10 cellPadding=10 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD width=0%>
<DIV align=center>

<TABLE style="BACKGROUND-IMAGE: url(自己喜欢的图片地址四);BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#ff9900 cellSpacing=8 cellPadding=8 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD width=0%>
<DIV align=center>

<TABLE style="BACKGROUND-IMAGE: url(自己喜欢的图片地址五);BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-BOTTOM-STYLE: double" borderColor=#ff9900 cellSpacing=8 cellPadding=8 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>

<P align=center><FONT color=#ff0000><U></U></FONT>&nbsp;</P>

 </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</DIV></TD></TR></TBODY></TABLE>

</DIV></TD></TR></TBODY></TABLE>

</DIV></TD></TR></TBODY></TABLE></P>

</DIV></DIV></DIV></DIV></DIV>


 

说明:图片地址1-5的顺序是从外到里

 

本日志边框效果图如下:

写上自己想写的字 


 

 

以下图片供你使用

?图片图片??图片图片??图片图片图片

?图片图片图片?图片图片?图片??图片

图片图片图片?图片?图片图片图片

?图片图片图片?图片?图片?图片?图片

图片图片?图片?图片图片图片图片

?图片图片图片图片图片图片图片

图片图片图片图片图片图片图片
图片图片图片图片图片图片图片
图片图片图片图片图片图片图片
图片图片图片图片图片图片图片

图片图片图片图片图片图片图片

图片图片图片图片图片图片图片

图片图片图片图片图片图片图片

图片图片图片图片图片图片图片

 

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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