1. 全栈程序员必看首页

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

全栈程序员-站长 • • 未分类 • 阅读 52

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>

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

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

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0

相关推荐

  • php 伪静态 rewriterule,PHP伪静态 RewriteRule-htaccess详细规则使用说明「建议收藏」

    php 伪静态 rewriterule,PHP伪静态 RewriteRule-htaccess详细规则使用说明「建议收藏」

    php 伪静态 rewriterule,PHP伪静态 RewriteRule-htaccess详细规则使用说明「建议收藏」伪静态实际上是利用PHP把当前地址解析成另一种方法来访问网站，要学伪静态规则的写法，要懂一点正则一、正则表达式教程有一个经典的教程：正则表达式30分钟入门教程常用正则如下：.换行符以外的所有字符\w匹配字母或数字或下划线或汉字\s匹配任意的空白符\d匹配数字\b匹配单词的开始或结束^匹配字符串的开始$匹配字符串的结束*重复零次或更多次+重复一次或更多次？重复…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月14日
  • inputstream输出到文件_input type file

    inputstream输出到文件_input type file

    inputstream输出到文件_input type filepackagehtc;/*————FoolishDoger——————2017-9-28————–*/importjava.io.BufferedInputStream;importjava.io.BufferedReader;importjava.io.File;importjava.io.FileInp

    全栈程序员-站长的头像 全栈程序员-站长
    2022年9月26日
  • matlab画圆的命令_matlab画圆

    matlab画圆的命令_matlab画圆

    matlab画圆的命令_matlab画圆要画圆的话只需要将曲率设置成1就行了。注意‘Curvature‘,[0.5,0.8]后面的两个参数[0.5,0.8]分别表示两个边的曲率。画一个圆试试，输入命令如下：rectangle(‘Position‘,[0,0,1,1],‘Curvature‘,[1,1]),axisequal;4.直接画圆已经可以了，下一步就是指定圆形坐标和半径了。我们不妨先分析一下：1.rectangle函数本来画的是…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月19日
  • java xor_java 简单xor加密[通俗易懂]

    java xor_java 简单xor加密[通俗易懂]

    java xor_java 简单xor加密[通俗易懂]java端加密文件packageenc;importjava.io.FileInputStream;importjava.io.FileOutputStream;importjava.io.IOException;publicclassEnc{publicvoidencryptFile(){FileInputStreamin=null;FileOutputStreamou…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月16日
  • 网页幻灯片轮播代码_怎么快速实现对幻灯片的统一修改

    网页幻灯片轮播代码_怎么快速实现对幻灯片的统一修改

    网页幻灯片轮播代码_怎么快速实现对幻灯片的统一修改   NetCMS有两种幻灯片显示方式：Flash幻灯片和轮换幻灯片。Flash幻灯片是通过将图片新闻中的图片合成Flash后再在页面上显示。轮换幻灯片则是使用脚本进行控制(准确地说，是使用VBScript)。   其实，这两种显示形式差不多，只不过Flash幻灯片是通过Flash实现图片的过渡效果，而轮换幻灯片是利用IE提供的Filter属性实现图片过渡效果的。   鉴于轮换幻灯片

    全栈程序员-站长的头像 全栈程序员-站长
    2022年9月30日
  • Springboot 整合RabbitMq ，用心看完这一篇就够了

    Springboot 整合RabbitMq ，用心看完这一篇就够了

    Springboot 整合RabbitMq ，用心看完这一篇就够了该篇文章内容较多，包括有rabbitMq相关的一些简单理论介绍，provider消息推送实例，consumer消息消费实例，Direct、Topic、Fanout的使用，消息回调、手动确认等。（但是关于rabbitMq的安装，就不介绍了）在安装完rabbitMq后，输入http://ip:15672/，是可以看到一个简单后台管理界面的。在这个界面里面我们可以做些什么？可以手动创建…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月15日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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