怎么使用CSS属性border-collapse解决table的边框问题
导读:本文共896.5字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 一般我们写一个表格,就是下面的这种写法,给表格border,还有你想要的样式,代码如下: HTML部分: <tableclass="aa"> <thead> <tr> <th>序号</th> <... ...
目录
(为您整理了一些要点),点击可以直达。一般我们写一个表格,就是下面的这种写法,给表格border,还有你想要的样式,代码如下:
HTML部分:
<tableclass="aa">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张晗</td>
<td>男</td>
<td>23</td>
</tr>
<tr>
<td>2</td>
<td>陆颖</td>
<td>女</td>
<td>20</td>
</tr>
<tr>
<td>3</td>
<td>郝婷婷</td>
<td>女</td>
<td>19</td>
</tr>
</tbody>
</table>
CSS部分:
.aa{border:1pxsolid#ccc;width:30%;text-align:center;border-collapse:collapse;}
.aath,.aatd{border:1pxsolid#ccc;padding:10px;}
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
怎么使用CSS属性border-collapse解决table的边框问题的详细内容,希望对您有所帮助,信息来源于网络。