首先解决昨天遇到的表格细线的问题,在明白解决方案的原理之前,学员们要扭转观念:HTML的表格与我们通常看到的表格不一样,一个大框里面套各种小单元格。
<table>的border是指整个表格的外边框的宽度,但是,只有设置了border的值,内部单元格才有边框,且无论boder的值是多少,内部单元格的边框宽度总为1。
<table border=1 bordercolor=green bgcolor="red" cellspacing=10 cellpadding=5>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
</table>
<table border=10 bordercolor=green bgcolor="red" cellspacing=10 cellpadding=5>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
</table>
<table border=0 bordercolor=green bgcolor="red" cellspacing=10 cellpadding=5>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
</table>
下面的表格的内外边框的宽度都是1+1=2。因为cellspacing=0,相当于两个单元格的边框挨在一起。
<table border=1 bordercolor=green bgcolor="red" cellspacing=0 cellpadding=5>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
</table>
要想让表格的内外边框的宽度是1,按如下方式实现:
<table border=0 bgcolor="green" cellspacing=1 cellpadding=5>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
</table>
表格中嵌套表格的代码,且所有边界都显示为细线:
<table border=1 bordercolor=green bgcolor="green" cellspacing=0 cellpadding=0 style="border-collapse: collapse">
<tr bgcolor="red"><td>
<table border=1 bordercolor=green bgcolor="red" cellspacing=0 cellpadding=5 style="border-collapse: collapse" frame=void>
<tr><td>AAA</td><td>BB</td></tr>
<tr><td>CC</td><td>DD</td></tr>
</table>
</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
<tr bgcolor="red"><td>a</td><td>b</td><td>c</td></tr>
</table>
杨松实验:将边框的明色(bordercolorlight)或暗色(bordercolordark)设置为与背景颜色一样,也可以显示出较细的边框颜色。
接着回顾了一下昨天编写的文件上传组件的例子,根据例子中的代码为大家讲解了访问者(Visitor)设计模式:统计全班同学的总体重,
画了n个学生,再画一个Visitor对象,Visitor对象有个add(weight)方法,Student对象有个accept(Visitor)方法
accept(Visitor){Vistor.add(this.weight);}
接着为大家介绍一个了开发技巧:怎样在myclipse中修改Servlet程序后,不用重新部署到tomcat中,就可以用浏览器直接访问到修改后的Servlet程序。先采用配置<Context>元素的方式,然后用修改conf/context.xml文件的方式。
下午为大家讲解标签文件(tag文件),tag文件的工作原理,一些学员对tag文件的理解有些困难,我让他们简单地记住几个事情:1.jsp页面中的标签调用部分将被标签输出的结果所替代,2.标签可以向各种域范围中存储属性,JSP页面可以获得这些属性,标签体在执行时也可以获得这些属性,3.标签可以为JSP页面定义一些变量,并为通过域属性为这些变量赋值。
接着讲解了专用于tag文件的<%@ attribute %>和<%@ variable %>指令,讲解tag文件中的<jsp:doBody>标签的作用:jsp页面把标签体内容给了标签,标签是否输出标签体内容,这是标签的自由。讲课时先不调用<jsp:doBody>,将看到没有输出标签体的效果,接着调用<jsp:doBody>,将看到输出标签体的效果,再循环调用调用<jsp:doBody>,将看到标签体输出多次的效果。问题:那如何象简单标签那样修改标签体的内容后再输出呢?估计是用<jsp:invoke>。
分享到:
相关推荐
html中的table中做细线表格,里面说的很详细,大家可以下载来看看
NULL 博文链接:https://javapub.iteye.com/blog/733910
优化表格的过程中当然是却漂亮越好啊,所以css优化表格的属性就派上用场了,接下来介绍css优化细线表格注意的一些细节,需要的朋友可以了解下
随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证! 细线表格简单实现 table{border:1px solid #000;border-width:1px ...
css教程:实现符合Web标准的细线表格 随着应用CSS网页布局构建网页, 以及web标准的广泛普及与发展, 表格渐渐被人们遗忘, 但是表格还是有它优秀的一面, 数据处理用表格的确省了不少麻烦! 这个是细表格的...
下面小编就为大家带来一篇html制作细线表格的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
HTML小技巧:将table边框改为细线 HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线
这里推荐直接使用css来产生一个细线表格。 使用方法也很简单: 第一:导入table.css 复制代码代码如下: <link rel=”stylesheet” type=”text/css” href=”./css/table.css”/> 第二:套用格式 复制...
表格魔鬼教程经典版 经典的制多种表格的实现方法 (多种细线表格,虚框表格,立体表格,表中表等表格的多种效果)
table 细线 样式 table 细线 样式
这是一套细线与形状极简视觉创意黄黑简约商务PPT模板 ,第一PPT模板网提供幻灯片模板免费下载; PPT模板用灰色作为PPT背景,幻灯片模板封面设计了细线与形状的结合,极简的视觉创意,让整套PPT模板具有极其浓厚的...
最近给客户做打印的时候,客户提出打印时不要打印该页面的头,只是打印表格里面的内容,因为头部有背景和打印按钮,而且要细线表格的那种,我想细线表格不是很简单吗 如果你还不知道细线表格怎么做,请看下面的代码...
用CSS添加细线可以.不用也可以.本文就是介绍不用CSS也给表格添加细线的方法
表格特效代码全集中 如细线表格 有凹凸效果的表格 虚线表格 多彩表格 立体表格 外阴影表格等
细线表格如果单纯设置边框,很难保证浏览器兼容。
极简细线与圈设计微立体图表个人简历PPT模板.pptx
这是一张杂乱的线条细线PPT背景图片,第一PPT模板网提供各类精美幻灯片背景图片免费下载; 关键词:灰色线条PPT背景图片,艺术气息的细线幻灯片背景图片,.jpg格式;