zoukankan      html  css  js  c++  java
  • html制作表单网页案例

    html的表格制作案例


    有关html
    <div id="table-info">
    			<h2>LIFAair LA500参数表 </h2>
    			<table>
    				<tr>
    					<td width="40%">测试数目</td>
    					<td width="30%">单位</td>
    					<td width="30%">数据</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>
    						<p>1.33(30min)</p>
    						<p>98.75(3h)</p>
    					</td>
    				</tr>
    				<tr>
    					<td>除菌率(白葡)</td>
    					<td>%</td>
    					<td>99.99</td>
    				</tr>
    			</table>
    			<table class="v2">
    				<tr>
    					<td rowspan="4" width="20%">有害物质释放</td>
    					<td width="20%">臭氧浓度</td>
    					<td width="30%">mg/m<sup>3</sup></td>
    					<td width="30%">未检出</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 class="v2">
    				<tr>
    					<td width="40%">产品重量</td>
    					<td width="30%">kg</td>
    					<td width="30%">14.65</td>
    				</tr>
    				<tr>
    					<td>主机尺寸</td>
    					<td>mm</td>
    					<td>直径300	&times;800</td>
    				</tr>
    			</table>
    		</div>
    

    有关css
    #table-info{
    		text-align: center;
    		background: #eff2f5;
    		font-family: "微软雅黑";
    	}
    	#table-info h2{
    		color: #666;
    		font-size: 18px;
    		margin: 0px auto;
    		font-weight: bold;
    		line-height: 40px;
    		padding-top: 10px;
    		padding-bottom: 10px;
    		border-top: 1px solid #fff;
    		border-left: 1px solid #fff;
    		border-right: 1px solid #fff;
    	}
    	#table-info table {
    		 100%;
    		color: #777;
    		font-size: 13px;
    		font-weight: bold;
    		border-spacing: 0;
    		border-collapse: 0;
    		font-family: "微软雅黑";
    		border-top: 1px solid #fff;	
    		border-right: 1px solid #fff;
    			
    	}
    	#table-info table tr{
    		 100%;	
    	}
    	#table-info table tr td{
    		padding: 8px 0px;
    		font-weight: bold;
    		border-left: 1px solid #fff;
    		border-bottom: 1px solid #fff;
    	}
    	#table-info table tr td sup{
    		font-size: 8px;
    	}
    	#table-info table.v2 {
    		border-top: 0px solid #000;
    	}
    	
    
  • 相关阅读:
    js 时差转换 getTimezoneOffset()
    js 验证对象是否为数组
    mac下的一些mysql操作
    mac下mysql 1045 (28000): Access denied for user 'root'@'localhost' (using password:
    canvas 画布 文字描边
    background-size: contain 与cover的区别,以及ie78的兼容写法
    tortoisegit 常见错误disconnected no supported authentication methods available(server sent: publickey)
    windows 下git 的配置安装与使用
    Spring中Bean的生命周期
    HBase--DependentColumnFilter(参考例过滤器 )详解
  • 原文地址:https://www.cnblogs.com/xiuxiu123/p/5173177.html
Copyright © 2011-2022 走看看