`
nicegege
  • 浏览: 588274 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

2种方式制作细表格

 
阅读更多

1.设置表格边框为0,单元格间距为1px,表格背景颜色为黑色,单元格背景颜色为白色。

<table width="799" border="0" bgcolor="#000000" cellspacing="1" cellpadding="0">
  <caption align="top">
    细表格
  </caption>
  <tr bgcolor="#FFFFFF">
    <td width="65">&nbsp;</td>
    <td width="65">&nbsp;</td>
    <td width="65">&nbsp;</td>
    <td width="65">&nbsp;</td>
    <td width="65">&nbsp;</td>
    <td width="65">&nbsp;</td>
    <td width="65">&nbsp;</td>
    <td width="65">&nbsp;</td>
    <td width="269">&nbsp;</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

2.设置表格边框为1px,,单元格间距和边距为0。

<table width="799"  border="1" bordercolor="black" bordercolordark="white" bordercolorlight="black" cellpadding="0" cellspacing="0">
  <caption align="top">
    打印单
  </caption>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
   <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

分享到:
评论

相关推荐

    用css制作极细表格

    表格中的单元格 `&lt;td&gt;` 也设置了一些样式,例如`valign="top"`,表示文本垂直对齐方式为顶部对齐。 #### 实现细节 为了使表格的边框更加细腻,还可以考虑以下几点: 1. **优化边框颜色**:使用更接近背景色的边框...

    Dreamweaver制作细边框表格

    ### Dreamweaver 制作细边框表格 在网页设计中,使用表格是一种常见的布局方式。Dreamweaver 是一款强大的网页设计工具,可以帮助设计师轻松创建各种样式的表格。本篇文章将详细介绍如何使用Dreamweaver来制作具有...

    html制作细线表格的简单实例

    2. 单元格td的背景色设置:单元格的背景色使用td标签的bgcolor属性来设置,这有助于区分表格的边框颜色和单元格内容的颜色,使得表格内容更加清晰可读。 3. 细线表格的视觉原理:当border设置为0,实际上是去掉了...

    css 细线表格 css制作table细线表格常用属性

    在CSS中,制作细线表格是一项常见的任务,它可以使数据展示更加清晰且美观。下面将详细介绍如何使用CSS来优化和创建细线表格,以及其中涉及的关键属性。 首先,要实现细线表格,一个非常关键的属性是`border-...

    表格制作-高级教程,详细说明表格的基本内容

    从基本的HTML代码到复杂的CSS样式和JavaScript交互,表格制作的高级教程涵盖了从创建、编辑、格式化到增强可访问性的全方位知识。通过学习这些内容,用户可以熟练掌握创建高效、美观且易用的表格技巧,提升网页设计...

    latex表格制作

    不过,我可以根据给定的标题“latex表格制作”和描述“排版工具:latex表格制作”来构建一些基础知识点。 LaTeX 是一种基于TeX的排版系统,由美国计算机科学家莱斯利·兰伯特(Leslie Lamport)在20世纪80年代初期...

    Dreamweaver中制作细边的表格的技巧

    在Dreamweaver中,制作细边的表格是网页设计中常见的需求,这有助于提升页面的美观度和专业感。下面将详细介绍如何通过调整表格属性和使用嵌套表格来实现细边效果。 首先,我们来看看基本的细边表格制作步骤: 1. ...

    表格制作.pdf

    2. **选择表格**:可以右键点击单元格,选择快捷菜单中的“表格”选项来选择整个表格,或者通过Ctrl+A+A快捷键完成。在HTML中,可以利用标记来定义表格。 3. **选择行/列**:在HTML中,可以利用特定标记来选择和...

    CSS制作符合网站标准的细线表格

    `border`属性用于设置元素的边框,`border-width`控制边框的宽度,`border-collapse`决定相邻边框是否合并,`text-align`则用来调整文本的对齐方式。 在给定的CSS代码中: ```css table { border: 1px solid #000...

    魔 鬼表格教程经典版

    《魔鬼表格教程经典版》是一份详尽的表格制作指南,专为想要提升表格制作技巧的用户设计。本教程深入浅出地介绍了多种表格的创建和美化方法,旨在帮助用户熟练掌握不同类型的表格设计,包括但不限于细线表格、虚框...

    使用代码内嵌的方式,在asp.net页面上输出九九乘法表,带细实线表格

    1、使用代码内嵌的方式,在asp.net页面上输出九九乘法表。 2、使用双重循环,外循环的for代码:for (int i = 1; i ; i++),内循环的for代码: for (int j = 1;... }制作一个细实线表格,将九九乘法表放在表格里

    excle办公软件制作表格以及表格格式的调整方法.doc

    在Excel办公软件中,制作表格和调整表格格式是基本且重要的操作,对于日常的数据管理和分析工作至关重要。以下将详细介绍这两个方面的方法。 ### 制作表格 1. **基础方法** - 首先,打开Excel,输入表格内容。...

    在Word中制作表格 利用表格空间.docx

    例如,如果仅仅需要增加1毫米或2毫米就能使表格更紧凑,但Word默认的调整方式要么过大要么过小。为了解决这个问题,可以采取以下步骤: 1. **启用“绘图”工具栏**: - 在工具栏的任意空白位置上单击鼠标右键。 -...

    WORD如何利用“绘制表格”制作报名表复杂表格.docx

    在Word文档中制作复杂的报名表或表格是一项常见的任务,尤其对于组织活动或处理数据时。在Word中,除了常规的插入表格功能外,还可以利用“绘制表格”工具来创建自定义布局的表格,以适应不同需求。以下是关于如何...

    第八次 网页制作表格应用

    网页制作中的表格应用是构建网页布局和展示数据的重要手段,尤其在早期的网页设计中,表格几乎是必备元素。本主题将深入探讨如何创建和优化表格,以满足网页内容的展示需求。 首先,创建表格的基本方法涉及到HTML...

    表格制作说明.docx

    在制作电子文档,特别是管理类文档时,表格是一种常用的数据展示和组织工具。本说明主要针对使用HTML语言创建表格进行详细解释。HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,它允许我们...

    html制作简单的表格源码.zip

    这段CSS代码将表格的边框设置为细实线,单元格内有填充,并且表头有背景色。 总的来说,这个压缩包提供了一个基础的HTML表格制作教程,涵盖了HTML表格的基本元素和结构,以及如何结合CSS进行样式调整。对于初学者来...

    HTML小技巧:将table边框改为细线

    HTML小技巧:将table边框改为细线 HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线

Global site tag (gtag.js) - Google Analytics