表格选择框----全选的动态勾选

Table

表格包含标题、表头、表体和页脚。

标题-----caption

表头-----thead

表体-----tbody

页脚-----tfoot

 

表格中的行、列、表头。

行-----tr

列-----td

表头-----th

 

表格中定义列的属性col 和colgroup

colgroup-----定义了表格中每列的统一标准。

col-----则是在标准中展现出的每列的独特个性。

html结构

<table>  <caption>标题</caption>   <!--标题--><colgroup>  <!--列属性组--><col/>  <!--列属性--></colgroup><thead>  <!--表头--></thead><tbody> <!--表体--></tbody><tfoot> <!--页脚--></tfoot></table>

效果图

代码

empty*{margin: 0;padding: 0;}table{border-collapse: collapse;border-spacing: 0;border: 1px solid #ccc;width: 300px;margin: 50px auto;}#t_head{background-color:#1E90FF;text-align: center;}th,td{border: 1px solid #ccc;text-align: center;padding:10px;}th{font:bold 18px "微软雅黑" ;color: white;}td{font:16px "微软雅黑";}                 菜名厨师价格 红烧鱼小二18狮子头小张28红烧茄子李琪12豆腐脑舒淇15