1. 全栈程序员必看首页

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

全栈程序员-用户IM • • 未分类

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

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

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

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>

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/106213.html原文链接：https://javaforall.cn

【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛

【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

赞 (0)
全栈程序员-用户IM全栈程序员-用户IM
0 0


相关推荐

  • car 承诺访问速率committed access rate

    car 承诺访问速率committed access rate

    car 承诺访问速率committed access rate

    全栈程序员-用户IM 全栈程序员-用户IM
    2021年7月25日
  • [html]js无缝循环滚动图片示例代码

    [html]js无缝循环滚动图片示例代码

    [html]js无缝循环滚动图片示例代码html代码<!–轮播图–><divid=”banner”><ul><li><ahref=”YunNan.html”><imgsrc=”./微信图片_20200621003327.jpg”>1</a></li><li><ahref=”Switzerland.html”><imgsrc=”./微信图片_20200621003339.

    全栈程序员-用户IM 全栈程序员-用户IM
    2022年7月18日
  • 离散均匀分布方差推导_离散型均匀分布的期望和方差

    离散均匀分布方差推导_离散型均匀分布的期望和方差

    离散均匀分布方差推导_离散型均匀分布的期望和方差【几何分布、离散均匀分布、连续均匀分布的特征函数及期望与方差】

    全栈程序员-用户IM 全栈程序员-用户IM
    2022年9月15日
  • Redis的雪崩，击穿，穿透详解「建议收藏」

    Redis的雪崩，击穿，穿透详解「建议收藏」

    Redis的雪崩，击穿，穿透详解「建议收藏」在今天的互联网里，高并发、大数据量、大流量已经成为了代言词，那么我们的系统也承受着巨大的压力，首当其冲的解决方案就是redis。那么redis使用不当就会产生雪崩、穿透、击穿等问题，这也是考验一个程序员技术能力的时刻。当然面试的时候，这也是高频面试题，几乎大厂都会问到。下面跟着贴心老哥一起来看看这些技术吧。缓存雪崩举例双十一期间，所有用户一打开淘宝就是进入首页，首页的压力非常大，为了提高并发，将网站首页数据都缓存到redis里，所有的rediskey失效时间都是3小时。双十一当天大量

    全栈程序员-用户IM 全栈程序员-用户IM
    2022年9月14日
  • 安卓强制恢复出厂recovery无命令_在recovery模式下无法恢复出厂设置

    安卓强制恢复出厂recovery无命令_在recovery模式下无法恢复出厂设置

    安卓强制恢复出厂recovery无命令_在recovery模式下无法恢复出厂设置有时候我们在系统正常运行的时候，突然跑到recovery里面了，并且停在了如下界面：Can'tloadAndroidsystem.Yourdatamaybecorrupt.

    全栈程序员-用户IM 全栈程序员-用户IM
    2022年8月5日
  • 一招彻底解决win10开机桌面及任务栏卡死问题

    一招彻底解决win10开机桌面及任务栏卡死问题

    一招彻底解决win10开机桌面及任务栏卡死问题问题描述：从9月份开始，我的笔记本(win10)隔三差五地出现开机后桌面和任务栏卡死的状况，具体表现为开机进入桌面后桌面图标点击无响应；把鼠标移动到桌面底部任务栏显示鼠标的小圆圈一直在加载，若此时多次点击任务栏则会导致资源管理器崩溃并重新启动，重启服务后资源管理器再次陷入卡死。。。如此循环往复，老折磨人了qwq…尝试过的几种解决方案：Ctrl+Alt+Delete呼出任务管理器，点击“进程”选项卡，找到资源管理器，然后单击“重新启动”。（未解决）同时按下Ctrl+Alt+D

    全栈程序员-用户IM 全栈程序员-用户IM
    2022年4月25日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号