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

宁静夏

淡之喧嚣,坐拥宁静;舍之奢靡,但享温馨。

 
 
 

日志

 
 

引用 【制作不同边框的样式代码】   

2013-01-19 23:26:16|  分类: 代码学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 

【制作不同边框的样式代码】

 
 
 
 
 

代 码 如 下:

<TABLE style="BORDER-COLLAPSE: collapse"  borderColor=#998866 height=40 cellPadding=0 width=400 align=center border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>单实线边框</DIV>
</TD></TR></TBODY></TABLE>

显示:

单实线边框

 

 
 
 

代 码 如 下:

<TABLE style="BORDER-RIGHT: #99ff66 1px dashed; BORDER-TOP: #99ff66 1px dashed; BORDER-LEFT: #99ff66 1px dashed; BORDER-BOTTOM: #99ff66 1px dashed; BORDER-COLLAPSE: collapse"  borderColor=#998866 height=40 cellPadding=0 width=400 align=center border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>虚线边框</DIV>
</TD></TR></TBODY></TABLE>

显示:

虚线边框

 

 
 
 
 

代 码 如 下:

<TABLE  style="BORDER-RIGHT: #99FF66 2px dotted; BORDER-TOP: #99FF66 2px dotted; BORDER-LEFT: #99FF66 2px dotted; BORDER-BOTTOM: #99FF66 2px dotted; BORDER-COLLAPSE: collapse"   borderColor=#998866 height=40 cellPadding=0 width=400 align=center border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>点线边框</DIV>
</TD></TR></TBODY></TABLE>

显示:

 
点线边框

 

 
 
 

代 码 如 下:

<TABLE     borderColor=#998866 height=40 cellPadding=0 width=400 align=center border=3>
<TBODY>
<TR>
<TD>
<DIV align=center>双实线边框</DIV>
</TD></TR></TBODY></TABLE>

显示:

双实线边框

 

 

 
 

代 码 如 下:

<TABLE   style="BORDER-RIGHT: #99FF66 10px groove; BORDER-TOP: #99FF66 10px groove; BORDER-LEFT: #99FF66 10px groove; BORDER-BOTTOM: #99FF66 10px groove; BORDER-COLLAPSE: collapse"   borderColor=#998866 height=40 cellPadding=0 width=400 align=center border=3>
<TBODY>
<TR>
<TD>
<DIV align=center>槽线边框</DIV>
</TD></TR></TBODY></TABLE>

显示:

槽线边框

 

 

 
 

代 码 如 下:

<TABLE   style="BORDER-RIGHT: #99FF66 10px ridge; BORDER-TOP: #99FF66 10px ridge; BORDER-LEFT: #99FF66 10px ridge; BORDER-BOTTOM: #99FF66 10px ridge; BORDER-COLLAPSE: collapse"    borderColor=#998866 height=40 cellPadding=0 width=400 align=center border=3>
<TBODY>
<TR>
<TD>
<DIV align=center>脊线边框</DIV>
</TD></TR></TBODY></TABLE>

显示:

脊线边框

 

 
 
 

代 码 如 下:

<TABLE   style="BORDER-RIGHT: #99FF66 10px inset; BORDER-TOP: #99FF66 10px inset; BORDER-LEFT: #99FF66 10px inset; BORDER-BOTTOM: #99FF66 10px inset; BORDER-COLLAPSE: collapse"   borderColor=#998866 height=40 cellPadding=0 width=400 align=center border=3>
<TBODY>
<TR>
<TD>
<DIV align=center>内凹边框</DIV>
</TD></TR></TBODY></TABLE>

显示: 

内凹边框

 

 
 
 

代 码 如 下:

<TABLE   style="BORDER-RIGHT: #99FF66 10px outset; BORDER-TOP: #99FF66 10px outset; BORDER-LEFT: #99FF66 10px outset; BORDER-BOTTOM: #99FF66 10px outset; BORDER-COLLAPSE: collapse"   borderColor=#998866 height=40 cellPadding=0 width=400 align=center border=3>
<TBODY>
<TR>
<TD>
<DIV align=center>外凸边框</DIV>
</TD></TR></TBODY></TABLE>

显示:

外凸边框

 

 
 
 

代 码 如 下:

<TABLE style="BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-BOTTOM-STYLE: solid" borderColor=#998866 height=40 cellSpacing=0 cellPadding=0 width=400 align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #990066 2px dashed; BORDER-TOP: #990066  2px dashed; BACKGROUND: #990066; BORDER-LEFT: #990066 2px dashed; BORDER-BOTTOM: #990066 2px dashed">
<DIV align=center>内虚外实边框</DIV></TD>
</TR></TBODY></TABLE>

显示:

内虚外实边框

 

 
 
 

代 码 如 下:

<TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#998866 height=40 cellSpacing=8 cellPadding=2 width=400 align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 2px solid; BACKGROUND: #000000; BORDER-LEFT: #990000 2px solid; BORDER-BOTTOM: #990000 2px solid">
<DIV align=center>外虚内实边框</DIV>
</TD></TR></TBODY></TABLE>

显示:

外虚内实边框

 

 
 
 

代 码 如 下:

<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#99ff66 height=40 cellPadding=1 width=250 align=center bgColor=#004400 border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>无边框表格</DIV></TD></TR></TBODY></TABLE>

显示:

无边框表格

 

 

 

代 码 说 明 如 下:

表格常用属性

border:表格的边框宽度。如border=1,表示表格边框的粗细为1个像素(默认值),为0表示没有边框。
cellspacing:表格中各单元格的间距。属性值为数字。当表格只有一个单元格时,则表示该单元格与表格边框的距离。
cellpadding:单元格内容与单元格边框之间的距离,属性值是数字。
width:表格的宽度。属性值为像素和百分比两种。
height:表格的高度。取值方法同width。
bgcolor:表格的背景颜色。属性值为各种颜色代码。
background:表格的背景图案。属性值为有效的图片地址。
bordercolor:表格边框的颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。
bordercolorlight:亮边框(表格的左边和上边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。
bordercolordark:暗边框(表格的右边和下边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。
align:表格的对齐方式。属性值为left(左对齐,默认)、center(居中)以及right(右对齐)。
colspan:定义合并表格的列数。属性值是数字。
rowspan定义合并表格的行数,属性值是数字。

 
 
 

 

金钥匙 - 金钥匙∷博客

欢迎光临金钥匙的博客!
金钥匙的辛苦! 希望大家懂得什么叫尊重?
如果你需要的话, 可以不要册去我的原作!
如果大家是正常的引用, 金钥匙就很欢迎!
希望不要把别人的东西占为己有为目的.
更不能改窜自己的署名,满足自己虚容心.
这样偷盗的事情在我的博里已经很多次了,
相信在其它的博里也有雷同讨厌的事件.
这样不道德的行为一定要引起我们重视,
让我们抵御劈去那些偷盗小人的罪恶!
如果有人不按照钥匙提醒正常引用的,
钥匙会诅咒偷盗者, 让偷盗者一辈子不得安宁!
让偷盗者天天遭受厄运!
让偷盗者一辈子以药物相伴!
让偷盗者的下辈子做奴隶!
让偷盗者子子孙孙没有好下场!
再次声明:
转载请注明转自金钥匙博客!
更不能随便改窜金钥匙的原作!

金钥匙 - 金钥匙∷博客

金钥匙 - 金钥匙∷博客

金钥匙 - 金钥匙∷博客

金钥匙的博客!
金钥匙近期发现有个别网站博客及个人,
未正常引用转载本博客中的内容.
此行为严重侵犯了作者的著作权,
在社会上造成了不良影响。
因此,本人对于网络版权再次郑重声明如下:
⑴凡本博客注明“【原创】”的所有作品,
版权均属于金钥匙本人,
任何网站或个人使用时必须获得本人授权。
或者是正常的引用!
已经本人授权使用作品的, 应在授权范围内使用,
并注明来源及作者;
未经本人授权不得非法转载、摘编或利用其它方式使用上述作品。
凡未经授权,直接或者间接在互联网使用本博客文章的行为均将视为侵权行为,
本人将保留追究其法律责任的权利。
(2)如因作品内容、版权和其它问题需要同本人联系的,
再次声明:
转载请注明转自金钥匙博客! 更不能随便改窜金钥匙的原作!

金钥匙 - 金钥匙∷博客

客! !客

金钥匙欢迎您
金钥匙欢迎您

赏欣友朋谢谢家匙钥金 金钥匙家谢谢朋友欣赏

金钥匙 - 金钥匙∷博客 网品人品 设计事项 生活巧门 博易空间 相识是缘 博客感言
关于版权 关于钥匙 教养心德 开博心感 难买情恋 网络无情
金钥匙欢迎您
金钥匙欢迎您
学习平台 情感网络 钥匙建议 钥匙宣言 告知心语 服务专区
我的日志 我的相册 我的音乐 相望朋友 感谢朋友 做博心德

 

 

 

 

 

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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