• html表单的创建和css的构成


    产品参数

    LIFAair LA500参数表

    		<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: "微软雅黑";
     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;
    

    }

  • 相关阅读:
    JSP根据身份证号码计算生日
    JSP听课笔记(二)
    JSP听课笔记(一)
    JDBC连接数据库过程(转载)
    PL/SQL
    阅读笔记
    javaScript的一些奇妙动画
    原型与原型链之间一些奥秘
    CSS3 @keyframes 规则
    Java语言中的基本词汇
  • 原文地址:https://www.cnblogs.com/xiuxiu123/p/5122167.html
Copyright © 2020-2023  润新知