标题: 有点难度的，关于表格CSS问题？？ [打印本页]

---

作者: duxingzhe2005    时间: 2006-3-9 13:24     标题: 有点难度的，关于表格CSS问题？？

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

可能实现吗？？

---

作者: 冰霜之子    时间: 2006-3-9 13:26

<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>

---

欢迎光临 编程开发论坛 (http://bbs.lihuasoft.net/)

Powered by Discuz! 6.0.0