为了账号安全,请及时绑定邮箱和手机立即绑定

背景表格,用CSS怎么可以变成细边框表格,求大神指教

<!doctype html>

<html>

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>



 </head>

 <body>

 <table border="1" cellpadding="10">

  <tr>

<td rowspan="5">表格</td>

<td rowspan="3">表格</td>

<td rowspan="2">表格</td>

<th colspan="3">表格</th>

    <td>表格</td>

  </tr>

  <tr>

<td rowspan="2">表格</td>

<th colspan="2">表格</th>



<td>表格</td>



  </tr>

  <tr>

<td>表格</td>

<th colspan="2">表格</th>


<td>表格</td>




  </tr>

  <tr>

<td>表格</td>

<td>表格</td>

<td>表格</td>

<td>表格</td>


<th colspan="2">表格</th>

  </tr>

   <tr>

<td>表格</td>

<td>表格</td>

<td>表格</td>

<td>表格</td>

<th rowspan="2">表格</th>

<th rowspan="2">表格</th>

  </tr>

   <tr>

<td>表格</td>

<td>表格</td>

<td>表格</td>

<td>表格</td>

<td>表格</td>

  </tr>

   <tr>

<td>表格</td>

<td>表格</td>

<td>表格</td>

<td>表格</td>

<td>表格</td>

<td>表格</td>

<td>表格</td>


  </tr>

  </table>

 </body>

</html>


正在回答

2 回答

</style><style type="text/css"> 

 table 

border-collapse: collapse; 

}

</style> 

加上这个就好

border-collapse : separate(默认) | collapse | inherit

separate : 边框独立

效果图:

collapse : 相邻边被合并

效果图:

inherit:规定应当从父元素持续 border-collapse 属性的值。


0 回复 有任何疑惑可以回复我~

<style type="text/css"> 

table 

border-collapse: collapse; 

border: none; 

width: 200px; 

td 

border: solid #000 1px; 

</style> 


1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

背景表格,用CSS怎么可以变成细边框表格,求大神指教

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信