用hbuilder写的一个投票页面，记录一下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>萌娃投票</title>
<style type="text/css">
<!--
body,td,th {
color: #666666;
}
.STYLE2 {font-size: 14px}
.STYLE3 {
font-size: xx-large;
font-family: "新宋体";
font-weight: bold;
}
.STYLE4 {color: #666666}
body {
background-color: #FFCCFF;
}
.STYLE7 {color: #666666}
.STYLE15 {
font-size: 12px;
color: #666666;
font-weight: bold;
font-style: italic;
}
.STYLE17 {font-size:14px; font-weight: bold; }
.STYLE18 {font-size: 16px}
-->
</style>
</head>
<body>
<img width="1221" height="433" />
<div style="position: absolute; width: 967px; height: 359px; z-indent: 2; left: 135px; top: 84px; background-color: #FFCCFF; layer-background-color: #FFCCFF; border: 1px none #000000;">
<p align="center" class="STYLE2"> </p>
<p align="center" class="STYLE17">“最萌宝贝”投票</p>
<p align="center" class="STYLE3">火热进行中...</p>
<p align="center" class="STYLE3">赶快去支持你喜爱的他们吧！ </p>
<h3 align="center" class="STYLE3">
<p> </p>
</div>
<table width="1224" height="503" border="1" bgcolor="#CCCCCC">
<tr>
<td width="105" align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE15">1号 </p>
<table width="45" height="27" border="1">
<tr >
<td height="21" align="center" valign="middle"><a href="http://127.0.0.1:8020/wufang/tpcg.html" target="_blank">投票</a></td>
</tr>
</table>
<p>票数：342</p></th>
<td width="300" bordercolor="#666666"><img src="img/小泡芙.jpg"width="300" height="386" align="absmiddle" /></td>
<td width="182" bordercolor="#666666" bgcolor="#FFFFFF"><p align="center" class="STYLE7"> 姓名:小泡芙（陈宇芙）</p>
<p align="center" class="STYLE7">年龄：四岁</p>
<p align="center" class="STYLE7">标签：可爱</p>
<p align="center" class="STYLE7">基本资料：性别女</p>
<p align="center" class="STYLE7">能力值：耐心40 适应力20</p></td>
<td width="105" align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE15">2号 </p>
<table width="45" height="27" border="1" >
<tr>
<td height="21" align="center" valign="middle"><a href="http://127.0.0.1:8020/wufang/tpcg.html" target="_blank">投票</a></td>
</tr>
</table>
<p><strong> 票数：467</strong></p></td>
<td width="300" bordercolor="#666666" bgcolor="#FFFFFF"><img src="img/安吉.jpg" width="300" height="386" align="top" /></td>
<td width="182" align="center" bordercolor="#666666" bgcolor="#FFFFFF"><p align="center" class="STYLE7">姓名：安吉（真名：沙俊伯）</p>
<p align="center" class="STYLE7">年龄：六岁</p>
<p align="center" class="STYLE7"><br />
标签：东北宋仲基 小暖男</p>
<p align="center" class="STYLE7">基本资料：性别男，巨蟹<br />
</p>
<p align="center" class="STYLE7">能力值：耐心30 好性格70<br />
</p>
<p align="center" class="STYLE7">必杀技：24k纯爷们 小烟嗓</p></td>
</tr>
<tr>
<td width="105" align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE15">3号 </p>>
<table width="45" border="1">
<tr>
<td height="21" align="center" valign="middle"><a href="http://127.0.0.1:8020/wufang/tpcg.html" target="_blank">投票</a></td>
</tr>
</table>
<p>票数：501</p></th>
<td bordercolor="#666666"><img src="img/Jasper.jpeg" width="300" height="386" /></td>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE7">姓名：jasper（陈胤捷）</p>
<p class="STYLE7">年龄：四岁半</p>
<p class="STYLE7">标签：小暖男</p>
<p class="STYLE7">基本资料：性别男、星座处女座</p>
<p class="STYLE7">能力值：耐心70、适应能力60</p>
<p><span class="STYLE7">必杀技：卖萌</span><br />
</p></td>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE15">4号</p>
<table width="45" height="27" border="1">
<tr>
<td width="31" align="center" valign="middle"><a href="http://127.0.0.1:8020/wufang/tpcg.html" target="_blank">投票</a></td>
</tr>
</table>
<p><strong>票数：503</strong></p></td>
<td bordercolor="#666666" bgcolor="#FFFFFF"><span class="STYLE4"><img src="img/阿拉蕾.jpg" width="300" height="386" /></span></td>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE7">姓名:阿拉蕾（崔雅涵）</p>
<p class="STYLE7">年龄：六岁</p>
<p class="STYLE7">标签：可爱，勇敢乐观</p>
<p class="STYLE7">基本资料：性别女</p>
<p class="STYLE7">能力值：耐心60 适应力80<br />
</p>
<p class="STYLE7">必杀技：会表达，善解人意<br />
</p></td>
</tr>
<tr>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE15">5号 </p>
<table width="43" border="1">
<tr>
<td width="33" height="22"><a href="http://127.0.0.1:8020/wufang/tpcg.html" target="_blank">投票</a></td>
</tr>
</table>
<p>票数：270</p></th>
<td bordercolor="#666666"><img src="img/妍妍.jpeg" width="300" height="386" /></td>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE7"><br />
姓名：妍妍(真名：陈鑫妍)</p>
<p class="STYLE7">年龄：五岁</p>
<p class="STYLE7">标签：媚颜小棉袄</p>
<p class="STYLE7">基本资料：性别女、星座金牛座</p>
<p class="STYLE7">能力值：耐心30、适应能力20</p>
<p class="STYLE7">必杀技：哭、找妈妈</p>
<p></p></td>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE15">6号</p>
<table width="44" height="26" border="1">
<tr>
<td width="34" height="20" align="center" valign="middle"><a href="http://127.0.0.1:8020/wufang/tpcg.html" target="_blank">投票</a></td>
</tr>
</table>
<p><strong>票数：427</strong></p></td>
<td bordercolor="#666666" bgcolor="#FF99FF"><img src="img/嗯哼.jpeg" width="300" height="386" /></td>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE7">姓名：嗯哼（真名：杜宇麒）</p>
<p class="STYLE7"><br />
年龄：四岁</p>
<p class="STYLE7"><br />
标签：嗯哼大王，武林萌主</p>
<p class="STYLE7"><br />
基本资料：性别男、处女座</p>
<p class="STYLE7"><br />
能力值：耐心20 逻辑思维80</p>
<p class="STYLE7"><br />
必杀技：“撩妹”</p></td>
</tr>
<tr>
<td width="105" align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE15">7号 </p>
<table width="45" height="27" border="1">
<tr>
<td height="22"><a href="http://127.0.0.1:8020/wufang/tpcg.html" target="_blank">投票</a></td>
</tr>
</table>
<p> 票数：456</p></th>
<td bordercolor="#666666"><img src="img/哈林.jpg" width="300" height="386" /></td>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE7">姓名：哈琳</p>
<p class="STYLE7">年龄：两岁半</p>
<p class="STYLE7">表情：Q弹表情包</p>
<p class="STYLE7">基本资料：性别女、星座处女座</p>
<p class="STYLE7">能力值：耐心20、适应能力40</p>
<p><span class="STYLE7">必杀技：耍赖、卖萌</span><br />
</p></td>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE15">8号 </p>
<table width="45" height="27" border="1">
<tr>
<td height="22"><strong><a href="http://127.0.0.1:8020/wufang/tpcg.html" target="_blank">投票</a></strong></td>
</tr>
</table>
<p><strong>票数：309</strong></p></td>
<td bordercolor="#666666" ><img src="img/噗噗.jpeg" width="300" height="386" /></td>
<td align="center" valign="middle" bordercolor="#666666" bgcolor="#FFFFFF"><p class="STYLE7">姓名：噗噗(真名：陈宗暋)</p>
<p class="STYLE7">年龄：四岁半</p>
<p class="STYLE7">标签：吃货界喜之郎</p>
<p class="STYLE7">基本资料：性别男、星座处女座</p>
<p class="STYLE7">能力值：耐心20、适应能力70</p>
<p><span class="STYLE7">必杀技：吃</span><br />
</p> <p class="STYLE7"> </p> </td>
</tr>
</table>
<p align="center" class="STYLE18">感 谢 您 的 参 与 ！</p>
</body> </body>
</html>
