CSS如何画出一个表格出来?

2025-10-30 03:33:33

1、只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。

<style> 

.table-a table{border:1px solid #F00} 

/* css注释:只对table标签设置红色边框样式 */ 

</style> 

CSS如何画出一个表格出来?

2、对应html代码片段<div class="table-a"> 

<table width="400" border="0" cellspacing="0" cellpadding="0"> 

<tr> 

<td width="105">站名</td> 

<td width="181">网址</td> 

<td width="112">说明</td> 

</tr> 

<tr> 

<td>DIVCSS5</td> 

<td>www.divcss5.com</td> 

<td>CSS学习</td> 

</tr> 

<tr> 

<td>CSS5</td> 

<td>www.css5.com.cn</td> 

<td>CSS切图</td> 

</tr> 

</table> 

</div> 

3、css对table设置边框案例截图-仅对table标签设置边框

style> 

.table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} 

.table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} 

/* 

css 注释: 

只对table td设置左与上边框; 

对table设置右与下边框; 

为了便于截图,我们将css 注释说明换行排版 

*/ 

</style> 

CSS如何画出一个表格出来?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢