加入收藏-方便您以后查找网页特效哦  
  你的位置：主页>>表格特效  
 

虚线边框表格

  
     
   
  1.样式一

虚线边框表格



代码如下：

<style type="text/css">
<!--
.a {FONT-SIZE: 12px; COLOR: #91002f; LINE-HEIGHT: 18px; FONT-FAMILY: "宋体"
}
.b {BORDER-RIGHT: #FF9933 1px dotted; BORDER-TOP: #FF9933 1px dotted; BORDER-LEFT: #FF9933 1px dotted; BORDER-BOTTOM: #FF9933 1px dotted
}
.style1 {color: #FF9933}
-->
</style>
<TABLE cellSpacing=0 cellPadding=0 width=381 align=center border=0>

<TR>
<TD class=b height=23>
<DIV align=center class=a style1>虚线边框表格</DIV></TD>
</TR>

</TABLE>

说明：可以通过修改px的值，来改变虚线边框的样式。

2px
虚线边框表格



3px
虚线边框表格



4px
虚线边框表格



5px
虚线边框表格



6px
虚线边框表格



7px
虚线边框表格




2.样式二

虚线边框表格





代码如下：

<style type="text/css">
<!--
.a {FONT-SIZE: 12px; COLOR: #91002f; LINE-HEIGHT: 18px; FONT-FAMILY: "宋体"
}
.b {BORDER-RIGHT: #FF9933 3px ; BORDER-TOP: #FF9933 3px dotted; BORDER-LEFT: #FF9933 3px ; BORDER-BOTTOM: #FF9933 3px dotted
}
.style1 {color: #FF9933}
-->
</style>
<TABLE width=381 height="53" border=0 align=center cellPadding=0 cellSpacing=0>

<TR>
<TD class=b height=23>
<DIV align=center class=a style1>虚线边框表格</DIV></TD>
</TR>
</TABLE>





  

     
   
  COPYRIGHT © 2003-2005 ALL RIGHTS RESERVED  
业务联系｜ 广告服务 ｜ 网站建设 ｜ 关于我们 ｜ 免责声明

月光宝盒工作室
800*600