html5如何制作细线表格?

这几天在学习html+css,遇到老师布置的作业,制作一个细线表格,我不会,也没有,最后只能听老师讲,特此分享出来,同时也是巩固自己的知识,先来效果图。

操作方法

  • 01

    想要制作细线表格,肯定是要制作表格,所以不管三七二十一,先写上一个表格准没错。

  • 02

    表格写好之后,我们可以预览一下,是不是有很多边,看起来很不好,不是我们想要的效果,怎么办呢?

  • 03

    用tabel的外边距属性可以吗?我们试试,并且预览,看起来还行,可是与我们要的效果相差很大。

  • 04

    下边正题来了,这是我老师教的。先给tabel整体加上颜色为黑色(bgcolor="#000"),然后给tr加上背景颜色白色(bgcolor="#fff"),去掉边框,调整外边距为1个像素。

  • 05

    代码改完后,预览一下。看,是不是细线表格?

(0)

相关推荐

  • Excel2007 快速制作不同表格的新方法

    如果复制、粘贴输入的相同内容,或者用“另存为”按钮保存为不同名称的文件是一件非常麻烦的事。 在这里,我给大家介绍一个快速制作不同表格的新方法。 以Excel2007为例:首先启动Excel2007新建 ...

  • 如何在Word2007中制作双线表格的详细图文步骤

    平时工作中我们经常需要在Word中进行表格制作,其中双线表格更是大家普遍会用到的。如何制作双线表格呢? 方法一: ①选中表格,点击“设计”菜单栏。 ②点击“笔样式”右边的下拉箭头,在下拉菜单中选择双线 ...

  • Excel 2007快速制作不同表格的方法

    我们在制作电子表格的时候,经常会遇到这样一种情况:要制作的几个表格文件格式、内容比较类似。如果复制、粘贴输入的相同内容,或者用“另存为”按钮保存为不同名称的文件是一件非常麻烦的事。 在这里,我给大家介 ...

  • 用Word 2007制作规范表格

    用Word 2007制作规范表格 到年底了,各单位都要开始各种总结,其中少不了表格的制作和填写,如果不规范表格的填写方法,交上来的表格会让人哭笑不得!表格内字体 各式各样,出生日期格式也是五花八门,有 ...

  • word论文怎么制作三线表格

    论文中怎么添加一个三线表,让自己的论文格式变得正确,老师也挑不出毛病呢,这里就分享一个在word中制作三线表格的方法。 1、在word中菜单栏中找到“插入——表格”,选择一个适合的行列。 2、留下最后 ...

  • WPS文字Word中怎么制作三线表格

    WPS文字Word中怎么制作三线表格?我们在工作和学习中用到的表格大多是像Excel表格中的那样单元格表格,即使是Word中插入的表格,也大多都是和Excel中表格是一样的.但是,我们也会遇到用三线表 ...

  • Win7用WPS制作名单表格防止重复输入的方法

      Win7用WPS制作名单表格防止重复输入的方法 1.首选在列表中选取需要防止重复的单元格列,然后点击菜单栏中的[数据]-[有效性]; 2.在"设置"选卡中允许下拉菜单中选择&q ...

  • 如何使用在线模板制作wps表格

    使用在线模板制作wps表格的方法 首先打开wps表格,一般情况下wps表格直接会打开首页中的"在线模板"页面,在此页面中,我们可以选择各种模板,只需要点击模板就可以以该模板新建表格 ...

  • 制作excel表格目录的方法

    制作excel表格目录的方法 例:要求在如下图所示的excel工作簿中,在目录表中设置每个工作表的链接,然后在各个工作表中再设置返回主界面的链接. 设置步骤: 第1步:选取"目录" ...