发新话题
打印

有点难度的,关于表格CSS问题??

有点难度的,关于表格CSS问题??

我想做一个表格(二行二列),我不显示上下左右的边框,只显示中间的十字型。  
而且其中十字型的边框要以虚线(或者以点的方式)显示。  
效果如:  

可能实现吗??

TOP

<style  type="text/css">  
<!--  
.td12  {  
           border-top-width:  1px;  
           border-right-width:  1px;  
           border-bottom-width:  1px;  
           border-left-width:  1px;  
           border-top-style:  none;  
           border-right-style:  dotted;  
           border-bottom-style:  dotted;  
           border-left-style:  none;  
           border-top-color:  #000000;  
           border-right-color:  #000000;  
           border-bottom-color:  #000000;  
           border-left-color:  #000000;  
}  
.td2  {  
           border-top-width:  1px;  
           border-right-width:  1px;  
           border-bottom-width:  1px;  
           border-left-width:  1px;  
           border-top-style:  none;  
           border-right-style:  none;  
           border-bottom-style:  dotted;  
           border-left-style:  none;  
           border-top-color:  #000000;  
           border-right-color:  #000000;  
           border-bottom-color:  #000000;  
           border-left-color:  #000000;  
}  
.td1  {  
           border-top-width:  1px;  
           border-right-width:  1px;  
           border-bottom-width:  1px;  
           border-left-width:  1px;  
           border-top-style:  none;  
           border-right-style:  dotted;  
           border-bottom-style:  none;  
           border-left-style:  none;  
           border-top-color:  #000000;  
           border-right-color:  #000000;  
           border-bottom-color:  #000000;  
           border-left-color:  #000000;  
}  
-->  
</style>  
<table  cellpadding="0"  cellspacing="0"  width="100%">  
       <tr><Td  class="td12">1</Td><Td  class="td2">2</Td></tr>  
           <tR><Td  class="td1">3</Td><tD>4</tD></tR>  
</table>

TOP

发新话题