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

 时间:2026-02-14 07:38:48

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如何画出一个表格出来?

  • css3设置字体阴影
  • 用CSS来控制实现div的外边距margin
  • jquery如何设置div中图片与边框的距离
  • 如何控制div中文字内容的对齐方式
  • 如何编写HTML5的第一个页面?
  • 热门搜索
    医疗保险个人怎么交 武汉大学怎么样 胸口痛是怎么回事 扁平疣怎么治疗 穿心莲怎么吃 大叔韩语怎么说 癫痫病怎么治疗 利税总额怎么算 小臂肌肉怎么练 泣怎么读