如何自定义table的样式
先使用div包含,然后使用table -> td一层层定义
例如:
.div_dev_list{
width:100%;
}
.div_dev_list table{
width:100%;
}
.div_dev_list table td{
width:20%;
text-align:center;
}
<body>
<div class="div_dev_list">
<table>
<td id="d1" bgcolor="#00FF00">
<h3>温湿度1</h3>
<font size="3">温度:</font><input type="text" id="d1sp1" value="25.5" class="spot_val_text"><br>
<font size="3">湿度:</font><input type="text" id="d1sp2" value="85.0" class="spot_val_text"><br>
</td>
<td id="d2" bgcolor="#FF0000">
<h3>温湿度2</h3>
<font size="3">温度:</font><input type="text" id="d2sp1" value="25.5" class="spot_val_text"><br>
<font size="3">湿度:</font><input type="text" id="d2sp2" value="85.0" class="spot_val_text"><br>
</td>
<td id="d3" bgcolor="#FF0000">
<h3>温湿度3</h3>
<font size="3">温度:</font><input type="text" id="d3sp1" value="25.5" class="spot_val_text"><br>
<font size="3">湿度:</font><input type="text" id="d3sp2" value="85.0" class="spot_val_text"><br>
</td>
<td id="d4" bgcolor="#CCCCCC">
<h3>UPS1</h3>
<font size="3">电压:</font><input type="text" id="d4sp1" value="220" class="spot_val_text"><br>
<font size="3">电流:</font><input type="text" id="d4sp2" value="15" class="spot_val_text"><br>
<font size="3">频率:</font><input type="text" id="d4sp2" value="15" class="spot_val_text">
</td>
<td id="d5" bgcolor="#00FF00">
<h3>UPS2</h3>
<font size="3">电压:</font><input type="text" id="d5sp1" value="220" class="spot_val_text"><br>
<font size="3">电流:</font><input type="text" id="d5sp2" value="15" class="spot_val_text"><br>
<font size="3">频率:</font><input type="text" id="d5sp2" value="15" class="spot_val_text"><br>
</td>
</table>
</div>
<span class="spanw"></span>
</body>