html表单的创建和css的构成

产品参数

<h2>LIFAair LA500参数表</h2><table><tr><td>测试数目</td><td>单位</td><td>数据</td></tr><tr><td>颗粒物CADR</td><td>m<sup>3</sup>/h</td><td>450</td></tr><tr><td>甲醛CADR</td><td>m<sup>3</sup>/h</td><td>137</td></tr><tr><td>颗粒物净化能效</td><td>m<sup>3</sup>/hW</td><td>6.931</td></tr><tr><td>甲醛净化能效</td><td>m<sup>3</sup>/hW</td><td>2.117</td></tr><tr><td>适用面积</td><td>m<sup>2</sup>/hW</td><td>32-54</td></tr><tr><td>待机功率</td><td>W</td><td>0.87</td></tr><tr><td>PM2.5去除率</td><td>%</td><td>>99.99(30min)</td></tr><tr><td>甲醛去除率</td><td>%</td><td>91.33(30min)98.75(3h)</td></tr><tr><td>除菌率（白葡）</td><td>%</td><td>99.99</td></tr></table><table><tr><td rowspan="4">有害物质释放</td><td>臭氧浓度</td><td>mg/m<sup>3</sup></td><td>未检出</td></tr><tr><td>TVOC</td><td>mg/m<sup>3</sup></td><td>0.003</td></tr><tr><td>PM10浓度</td><td>mg/m<sup>3</sup></td><td>0.002</td></tr><tr><td>紫外线强度</td><td>uW/cm<sup>3</sup></td><td>未检出</td></tr></table><table><tr><td>产品重量</td><td>kg</td><td>14.65</td></tr><tr><td>主机尺寸</td><td>mm</td><td>直径300   &times;800</td></tr></table>
</div>';

table-info h1{

text-align: center;
font-family: "微软雅黑";
font-weight: bold;
font-size: 20px;
padding-bottom: 20px;

}

table-info h2{

font-size: 14px;
text-align: center;
font-family: "微软雅黑";
font-weight: bold;
padding-bottom: 10px;

}

table-info table {

text-align: center;
font-family: "微软雅黑";
width: 100%;
border-left: 1px solid #ddd;
border-collapse: 0px;
border-spacing: 0px;

}

table-info table tr td {

font-size: 1.1em;
padding: 0.5em;
color: #444;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;

}

table-info table:last-child {

border-bottom: 1px solid #ddd;

}

table-info table tr:nth-child(odd) {

background-color: #eee;

}

table-info table tr:nth-child(even) {

background-color: #fff;

}

table-info table tr td sup{

font-size: 0.5em;

}