如何用css做一个细虚线边框表格

 1 <style type="text/css">

 2 <!--

 3 .dashed_tbl {

 4  border-top: 1px dashed #333333;

 5  border-left: 1px dashed #333333;

 6 }

 7 .dashed_tbl td{

 8  border-bottom:1px dashed #333333;

 9  border-right:1px dashed #333333;

10  padding:3px 10px;

11 }

12 -->

13 </style>

14 

15 <table cellpadding="0" cellspacing="0" class="dashed_tbl">

16  <tr>

17   <td>123</td>

18   <td>234</td>

19   <td>345</td>

20  </tr>

21  <tr>

22   <td>123</td>

23   <td>234</td>

24   <td>345</td>

25  </tr>

26  <tr>

27   <td>123</td>

28   <td>234</td>

29   <td>345</td>

30  </tr>

31 </table>

 

你可能感兴趣的:(css)