colspan 和rowspan的用法，表格边框颜色和字体颜色设定

大家好，又见面了，我是你们的朋友全栈君。

要先下图所示的表格代码怎么写呢？

<div style="display:inline-black;float:left;width:100% ;margin-top:15px;text-align:center">
<span style="margin:0 auto">
<font size="3" color="#337ab7"><strong>未结</strong></font>
</span>
</div>
<div style="display:inline-block; float:left;width:100%;margin-top:3px;text-align:center;color：#337ab7">
<table style="margin:0 auto;width:850px;" border="1px" bordercolor="#337ab7">
<tr align="center" valign="center" >
<td width="5%" colspan="2"><span style="font-weight:bold"><font color="#337ab7">编号</font></span></td>
<td width="10%" colspan="4"><span style="font-weight:bold"><font color="#337ab7">yyy</font></span></td>
<td width="15%" colspan="4" ><span style="font-weight:bold"><font color="#337ab7">贷</font></span></td>
<td width="15%" colspan="4"><span style="font-weight:bold"><font color="#337ab7">uuu</font></span></td>
<td width="15%" colspan="4"><span style="font-weight:bold"><font color="#337ab7">uu</font></span></td>
<td width="15%" colspan="4" ><span style="font-weight:bold"><font color="#337ab7">jjjj</font></span></td>
<td width="15%" colspan="4"><span style="font-weight:bold"><font color="#337ab7">hh</font></span></td>
<td width="15%" colspan="4"><span style="font-weight:bold"><font color="#337ab7">jjjj</font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="5%" colspan="2" rowspan="4"><span ><font color="#337ab7">1</font></span></td>
<td width="10%" colspan="4" rowspan="4"><span ><font color="#337ab7">uu</font></span></td>
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">0uu万</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4" rowspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4" rowspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4" rowspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">5uu</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">10uu</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">20jjjj</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="5%" colspan="2" rowspan="4"><span ><font color="#337ab7">2</font></span></td>
<td width="10%" colspan="4" rowspan="4"><span ><font color="#337ab7">经</font></span></td>
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">0hhh</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4" rowspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4" rowspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4" rowspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">2hhh</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">5hhh</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">1hhhhh</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="5%" colspan="2" rowspan="4"><span ><font color="#337ab7">3</font></span></td>
<td width="10%" colspan="4" rowspan="4"><span ><font color="#337ab7">其他</font></span></td>
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">0hhh</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4" rowspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4" rowspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4" rowspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">5hhhhh</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">10hhh</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<tr align="center" valign="center" >
<td width="15%" colspan="4" rowspan="1"><span ><font color="#337ab7">20==</font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>
</tr>
<table>	
</div>

表格边框颜色设定：

<table style="margin:0 auto;width:850px;" border="1px" bordercolor="#337ab7">

表格字体要给字体加font标签：

<td width="15%" colspan="4"><span ><font color="#337ab7"></font></span></td>