<html>
<head></head>
<body>
<table border="1" width="200" cellpadding="0" cellspacing="0"> <tr align="center"> <td>普</td> <td>表</td> </tr> <tr align="center"> <td>通</td> <td>格</td> </tr> </table>
<br>
<table border="0" width="200" cellspacing="1" cellpadding="0" bgcolor="#000000" > <tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF">细</td> <td bgcolor="#FFFFFF">表</td> </tr> <tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF">线</td> <td bgcolor="#FFFFFF">格</td> </tr> </table>
<br>
<table width="200" cellspacing="0" cellpadding="0"> <tr align="center"> <td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">细</td> <td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">表</td> </tr> <tr align="center"> <td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">线</td> <td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">格</td> </tr> </table>
<br>
<table width="200" cellspacing="0" cellpadding="0"> <tr align="center"> <td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">细</td> <td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">表</td> </tr> <td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">线</td> <td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">格</td> </tr> </table>
<br>
<table width="200" border="0" cellspacing="2" cellpadding="0"> <tr> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> </tr> </table>
<br>
<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0"> <tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >立</td> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >表</td> </tr> <tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >体</td> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >格</td> </tr> </table>
<br>
<table width="200" cellpadding="0" cellspacing="0"> <tr> <td><fieldset style="width:200" align="center"> <legend> 无名表格 </legend> <p align="right"> </fieldset></td> </tr> </table>
<br>
<table width="200"" cellspacing="0" cellpadding="0"> <tr> <td> <fieldset style="width: 200; color: #B7B7B7; border-style: groove" align="center"> <legend style="color: blue; border: 1 solid #000000"> 表中表效果Ⅰ</legend> <br> </fieldset> </td> </tr> </table>
<br>
<table width="200"> <tr> <td><fieldset style="width:200" align="center"> <legend> <table style="border: 1 solid #000000" width="80" cellspacing="1" cellpadding="0" height="20"> <tr> <td><font color=blue>表中表效果Ⅱ</font></td> </tr> </table> </legend><br> </fieldset> </td> </tr> </table>
</body>
</html>
分享到：
相关推荐
"漂亮的table表格样式"是关于如何通过CSS（Cascading Style Sheets）来美化HTML表格，使其视觉效果更加吸引人，同时保持易读性和交互性。下面我们将深入探讨这一主题。 首先，我们关注的是"亮蓝色"的样式。在HTML...
本篇文章将详细解析“普通table表格样式及代码大全(全)”中的各种表格样式，包括单实线边框、虚线边框、点线边框、双实线边框、槽线边框、脊线边框以及内凹效果边框，帮助你理解和掌握这些基本样式的设计与实现方法...
在这个"自适应Table表格样式代码.zip"压缩包中，我们主要关注的是如何使用HTML和CSS3来创建一个响应式的表格，以实现跨平台的良好用户体验。此外，JavaScript也可能被用来增强表格的功能，如交互性或动态调整。 ...
在网页开发中，表格（Table）是展示数据的重要方式，而jqGrid是一个强大的JavaScript库，专门用于创建交互式、功能丰富的表格。本教程将深入探讨如何利用jqGrid来实现美观且功能丰富的表格样式。 首先，我们需要...
“table表格样式JS”可能是包含了一些JavaScript库或者示例代码的文件，用于实现表格样式的增强和交互功能。可能包含的文件有： - `style.css`: 存放CSS样式，定义表格的默认样式和交互式样式。 - `script.js`: 包含...
"HTML Table表格编辑器"是一款工具，旨在提供一种便捷的方式，帮助用户在网页上创建、编辑和管理HTML表格。这款编辑器提供了诸如上下移动行、单元格内数据编辑等功能，大大提升了在网页中操作表格的效率。 在HTML中...
在IT领域，尤其是在网页设计和数据展示中，创建“漂亮的表格样式”是非常关键的技能。表格（Table）是数据组织和展示的重要工具，它能够帮助用户快速理解和比较信息。本篇将深入探讨如何通过HTML和CSS来打造美观、...
`niceforms-default.css`可能包含了对表格样式的定制，如边框、背景色、字体样式等。例如，可以设置表格的边框，行高，选中状态： ```css table { border-collapse: collapse; width: 100%; } th, td { padding...
这个纯CSS的表格样式布局适用于人口统计信息的展示，通过自定义颜色、字体和布局，你可以根据需要进一步调整样式，使其与网站的整体设计风格保持一致。 在压缩包文件"texiao7347_1560680988"中，可能包含了示例代码...
HTML小技巧：将table边框改为细线 HTML制作新手在用TABLE表格时，会碰到如何改变边线粗线
本教程将详细介绍如何利用JavaScript (JS) 和 Cascading Style Sheets (CSS) 技术来创建一个漂亮且实用的table表格。 **一、HTML基础表格结构** 首先，我们需要在HTML文档中创建基本的表格结构。一个简单的表格由`...
以上介绍了两种常见的HTML表格样式——单像素边框CSS表格与带背景图的CSS样式表格，并简单提及了一种自动换整行颜色的CSS样式表格（需要用到JavaScript）。这些样式不仅提高了表格的美观度，也增强了用户的阅读体验...
"页面html Table表格导出Execl"这个主题涉及的技术点主要包括HTML表格的处理、JavaScript（或者jQuery）用于前端交互、以及可能涉及的后端处理和文件下载技术。下面我们将详细探讨这些知识点。 1. **HTML表格（HTML...
在CSS（层叠样式表）中，表格样式是网页设计中的一个重要组成部分，它能帮助我们打造出美观且功能丰富的数据展示区域。这篇博文“CSS表格样式1”可能详细讲解了如何利用CSS来定制HTML表格的外观和布局。由于描述中...
在网页设计中，表格（Table）是用于组织数据的重要元素，而当表格嵌套时，如何设置合适的边框样式就显得尤为重要。`table嵌套table的边框样式`是一个常见的需求，尤其在处理复杂的数据展示时。本篇将详细介绍如何...
下面将详细探讨自定义表格样式的相关知识点，并结合可能存在于"MyHtml(自定义表格样式)"文件中的内容进行讲解。 1. **HTML 表格基础**： 在HTML中，表格由`<table>`元素创建，`<tr>`定义行，`<th>`定义表头单元格...
在HTML中，`<table>`元素是用于创建表格的关键组件，它在网页布局和数据展示中扮演着重要角色。在某些场景下，我们可能需要在表格的单元格(`<td>`)内添加斜线，以达到特殊的视觉效果或区分不同的信息。例如，在描述...
简单大气的表格样式，没有使用图片 纯CSS 模仿bootstrap的样式写的