`
ruilin215
  • 浏览: 1153776 次
  • 性别: Icon_minigender_2
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

把表格进行到底

 
阅读更多
1.表格的分隔线可以隐藏

<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线

<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线

<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线


2.表格的边框不断在闪

以下方法可以令表格的边框不断在闪,很实用的
在BODY区加上

<table border="0" width="280" id="myexample"
style="border:5px solid yellow">

<tr>

<td>加入任意的物件.加入任意的物件.

<br>加入任意的物件.加入任意的物件.

<br>加入任意的物件.加入任意的物件.</td>

</tr>

</table>

<script language="JavaScript1.2">

<!--

function flashit(){

if (!document.all)

return

if (myexample.style.borderColor=="yellow")

myexample.style.borderColor="lime"

else

myexample.style.borderColor="yellow"

}

setInterval("flashit()", 500)

//-->

</script>


3.表格分行下载

这个对表哥内容很大比较实用

在需要分行下载处加上 <tbody >

比如:
<table >
<tbody >
<tr >
<td >flsdjfsdjfkdsjf</td >
</tr >
<tr >
<td >skdjfsdjfksd</td >
</tr >
</tbody >

<tbody >
<tr >
<td >flsdjfsdjfkdsjf</td >
</tr >
<tr >
<td>skdjfsdjfksd</td >
</tr >
</tbody >
</table >



4.几种样式不同的表格

<table border="1" width="220" style="position: absolute; left:
11; top: 11" height="26" >

<tr>

<td width="100%">普通表格</td>

</tr>

</table>

5.正立方表格

<table border="1" width="220" bordercolorlight="#eeeeee"
bordercolordark="#000000" style="position: absolute; left: 10; top:
49" height="26">

<tr>

<td width="100%">正立方表格</td>

</tr>

</table>


6.细表格

<table border="0" frame=vsides width="219"
bgcolor="#000000" cellspacing="1" cellpadding="0"
height="22" style="position: absolute; left: 11; top: 86">

<tr bgcolor="#FFFFFF">

<td width="100%" height="2">细表格</td>

</tr>

</table>

7.立体表格

<table border="1" width="220" bordercolorlight="#ffffff"
bordercolordark="#ffffff" style="position: absolute; left: 10; top:
112" height="34">

<tr>

<td width="100%" bgcolor="#B7B7B7"
bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格</td>

</tr>

</table>


8.无名表格

<table width="220" align="center" style="position: absolute;
left: 246; top: 12" height="51">

<tr>

<td><fieldset style="width:220" align="center">
<legend> 无名表格 </legend>  <p align="right"> </fieldset>
<br>

</td>

</tr>

</table>



9.表中表效果Ⅱ

<table width="220" align="center" style="position:
absolute; left: 245; top: 89" height="110">
<tr>
<td height="75"><fieldset style="width:220"
align="center"> <legend> 表中表效果Ⅱ </legend> <table
frame="hsides" border="1"
bordercolorlight="#000000" bordercolordark="#ffffff"
width="100%" cellspacing="1" cellpadding="0" height="78">
<tr bgcolor="#ffffff">
<td width="100%" height="76"></fieldset></td>
</tr>
</table>

10.表中表效果Ⅰ

<table width="220" align="center" style="position: absolute;
left: 10; top: 120" height="138" cellspacing="1"
cellpadding="0">

<tr>

<td height="126"><fieldset style="width: 220; color: #B7B7B7;
border-style: groove" align="center"> <legend style="color:
#FFFFFF; border: 1 solid #808080" > <font color="#000000">表中表效果Ⅰ</font>
</legend>  <p align="right"> </fieldset>

</td>

</tr>

</table>


11.表格中边框的显示


只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示左、右边框 <table frame=vsides>
只显示上、下边框 <table frame=hsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>
分享到:
评论

相关推荐

    表格高级使用技巧_把表格进行到底(必看)

    标题中提到的“表格高级使用技巧_把表格进行到底”表明本内容旨在教授用户一些表格的高级应用方法,强调了表格在网页设计中的实用性和重要性。虽然现今流行使用div+css布局方式,但表格依然有其独特的应用场景和价值...

    table高级应用把表格进行到底(必看)

    通常,通过设置CSS样式可以对表格的外观进行个性化定制,从而达到不同的视觉效果。比如,可以使用不同的边框样式、背景颜色、字体样式等,来实现视觉上的差异。 5. 表中表(嵌套表格)效果 所谓的表中表效果,是指...

    Python 如何对QTableWidget表格进行数据绑定 Python源码

    Python 如何对QTableWidget表格进行数据绑定 Python源码Python 如何对QTableWidget表格进行数据绑定 Python 如何对QTableWidget表格进行数据绑定 Python源码Python 如何对QTableWidget表格进行数据绑定 Python源码 ...

    RichTextbox 添加表格与打印

    在实际开发中,你可能需要根据具体的需求,对上述代码进行适当的修改和优化,比如添加分页逻辑、调整打印样式等。同时,如果表格内容较复杂,考虑使用更专业的报表组件可能更为合适。 总结,VB.NET中的`RichTextBox...

    把Excle表格导入sql数据库中

    在IT行业中,将Excel表格数据导入SQL数据库是一项常见的任务,特别是在数据分析、报表生成或系统集成等领域。本项目涉及使用C#编程语言编写一个窗体应用程序,实现从Excel表格批量更新到SQL数据库的功能。以下是关于...

    表格数据导出

    这里我们将深入探讨导出表格数据的过程、涉及的文件格式以及使用Excel进行导出的相关知识。 1. **表格数据导出**:这是将存储在数据库、电子表格或者应用程序中的结构化数据转换成可共享或保存的文件格式的过程。这...

    怎样把EXCEL表格转换成图片

    - 如果只是表格的一部分,使用鼠标进行精确选择。 #### 三、调整页面设置 为了确保转换后的图片能完整地显示整个表格,你需要调整Excel的页面设置,使其适应一个标准页面大小。步骤如下: 1. **打开页面设置**:...

    Dreamweaver CS6中使用表格进行网页布局.pdf

    Dreamweaver CS6 是一款强大的网页设计工具,它提供了多种布局方式,其中之一就是使用表格进行布局。表格布局因其简单易用性,曾是早期网页设计的主流方法。本文将详细介绍如何在Dreamweaver CS6中运用表格进行网页...

    latex表格行高、文本居中

    这里的`1.3`表示行高为默认值的1.3倍,可以根据实际需要进行调整。 例如: ```latex \documentclass{article} \usepackage{array} \renewcommand{\arraystretch}{1.3} % 设置行高 \begin{document} \begin{...

    易语言高级表格自适应缩放源码

    7. **SanYe标签**:SanYe可能是这个源码的作者或者是一个特定的库或框架,它可能提供了额外的功能或优化,方便开发者进行高级表格的处理。 综上所述,这个源码示例将教会我们如何在易语言中利用控件、事件处理和...

    将Excel表格转换为MarkDown表格利器

    “使用说明.txt”可能提供了如何使用Typora进行表格转换的具体步骤,但具体的内容没有提供。其他URL文件如“安卓游戏下载.url”、“单机游戏下载.url”和“更多软件点击进入.url”似乎与主题无关,可能是误放或者是...

    读取excel文件到高级表格易语言源码

    在易语言编程环境中,读取Excel文件并将其数据导入到高级表格是一种常见的需求,这有助于数据处理和分析。本文将详细讲解如何使用易语言来实现这一功能,主要涉及的知识点包括: 1. 易语言基础:易语言是中国自主...

    excellentexport把表格的内容生成excel兼容FirefoxChromeIE6

    这种转换过程无需服务器端的支持,完全在客户端进行,大大降低了服务器的压力,提高了用户体验。此外,其对浏览器的广泛兼容性,尤其是对IE6的兼容,使得这个库在旧版浏览器环境中依然能发挥出色效果。 使用...

    txt文件上传ant design vue表格以及对表格文件的分列,预览行数等联动效果

    实现点击上传txt文件,将txt文件上传至ant design vue组件库的table表格上进行显示 第一个表格:用于展示文件以及对文件的显示操作 第二个表格:用于接收第一个表格的列数据

    WPS如何对表格进行行列转置.docx

    接着,将光标置于空白处,从菜单中点选"编辑-选择性粘贴",在弹出的对话框中选中"转置",确定后即把整个表格"翻了个儿"粘贴到指定位置了。如果要转换的是 WPS 文字中的表格,可以先在 WPS 文字中将表格复制、粘贴到 ...

    把表格内容导入数据库

    在IT行业中,数据库是存储和管理数据的核心工具,而将表格内容导入数据库是常见的数据处理操作。本篇文章将深入探讨如何使用PHP这一流行的服务器端脚本语言来实现这个功能,特别是针对Excel文件的处理。 首先,我们...

    把数据导出到电子表格中

    在IT行业中,将数据导出到电子表格是常见的数据处理任务,这有助于数据分析、报告制作以及数据...通过理解这段代码,我们可以了解到如何在C#中实现这一功能,并可以以此为基础进行扩展和优化,以适应不同的业务需求。

    快速将网上数据导入到WPS表格的技巧.docx

    在日常工作中,我们经常需要从网上获取数据,并将其导入到电子表格中,以便进行数据分析和处理。然而,将网上数据导入到 WPS 表格中却是一件很麻烦的事情,特别是当数据量很大时。幸运的是,本文将为大家介绍一个...

    word表格排版工具 v6.1.zip

    使用方法: 运行本软件,按软件界面提示打开要排版的word文件,在界面中对表格进行统一格式设置,点击开始后可能自动对所打开的word文件中的所有表格进行自动快速的统一格式设置(包括表格的行高、列宽、表格内字体...

    提取坐标生成表格

    5. **格式化与输出**:根据需求,用户可能需要对表格进行格式调整,比如添加表头、设置单元格样式、合并单元格等。完成后,可以保存为Excel文件,或者导出为PDF、图片等形式,便于共享和打印。 6. **自动化处理**:...

Global site tag (gtag.js) - Google Analytics