怎么使用CSS属性border-collapse解决table的边框问题(border-collapse,css,table,web开发)

时间:2024-05-06 01:47:48 作者 : 石家庄SEO 分类 : web开发
  • TAG :

一般我们写一个表格,就是下面的这种写法,给表格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;}


怎么使用CSS属性border-collapse解决table的边框问题


 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:怎么使用CSS属性border-collapse解决table的边框问题的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:HTML5常用全局属性有哪些下一篇:

2 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18