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>