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

悠然的博客

欢迎光临

 
 
 

日志

 
 

几款典型的边框代码  

2013-01-11 21:05:50|  分类: 空间代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

几款典型的边框代码

以颜色做背景:

单实线

代码:

<TABLE style="BORDER-BOTTOM-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid" border=10 cellSpacing=5 borderColor=#0909f7 cellPadding=5 width="30%" bgColor=#3c3cc4 align=left>
<TBODY>
<TR>
<TD><FONT color=#ffffff>单实线</FONT></TD></TR></TBODY></TABLE>

 

双实线

代码:

<TABLE style="BORDER-BOTTOM-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double" border=10 cellSpacing=6 borderColor=#ff0000 cellPadding=6 width="30%" bgColor=#c43c3c align=center>
<TBODY>
<TR>
<TD><FONT color=#ffffff>双实线</FONT></TD></TR></TBODY></TABLE>

破折号

代码: 

<TABLE style="BORDER-BOTTOM-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed" border=10 cellSpacing=6 borderColor=#ffff00 cellPadding=6 width="30%" bgColor=#b3b34d align=center>
<TBODY>
<TR>
<TD><FONT color=#ffffff>破折号</FONT></TD></TR></TBODY></TABLE>

虚线

代码:

<TABLE style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted" border=10 cellSpacing=6 borderColor=#00ff00 cellPadding=6 width="30%" bgColor=#44bb5c align=center>
<TBODY>
<TR>
<TD><FONT color=#ffffff>虚线</FONT></TD></TR></TBODY></TABLE>

立体边框

代码:

<TABLE style="BORDER-RIGHT: #00ff00 15px ridge; BORDER-TOP: #00ff00 15px ridge; BORDER-LEFT: #00ff00 15px ridge; BORDER-BOTTOM: #00ff00 15px ridge; BACKGROUND-COLOR: #ff0000" cellPadding=0 cellSpacing=0 width=500 >
<TBODY>
<TR>
<TD>
<TABLE border=3 borderColor=#555555 >
<TBODY>
<TR>
<TD>

立体边框<BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

以图片做背景的边框:

 

在这里开始插入文字图片等内

代码:

<TABLE style="BACKGROUND-IMAGE: url(图片地址)"
cellPadding=0 cellSpacing=0 width=530 style=" BORDER-RIGHT: #00ff00 15px ridge; BORDER-TOP: #00ff00 15px ridge; BORDER-LEFT: #00ff00 15px ridge; BORDER-BOTTOM: #00ff00 15px ridge;">
<TBODY>
<TR>
<TD>
在这里开始插入文字图片等内
<BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

 

  评论这张
 
阅读(78)| 评论(0)
推荐

历史上的今天

评论

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

页脚

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