一个简单的投票页面
用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>