美文网首页JavaWeb
002_table标签制作细线表格

002_table标签制作细线表格

作者: 53b3f4658edc | 来源:发表于2017-10-03 08:53 被阅读4次

HTML标签中的table标签,就简单的写出来的话,那就是丑。
代码:


效果:


真的是够丑的,为什么会是这样的样子呢?
表格之间存在着间隙,宽度为2。那我们试着去掉表格的间隙(cellspacing属性)。


貌似好了一些,但是,还是丑。

终极版:

我们试着让整个table是一种颜色,然后让表格的变宽为0。
代码:


效果:


2.我们让表格之间的间隙为1,并给表格设置另外一种颜色,再简单的修饰一下。
代码:


效果:

table标签的用法:



更多信息:www.itcourse.top

[效果展示与源码下载:点击这里]
(http://mp.weixin.qq.com/s/MPhIP2PQS1shtJOPD9NR5g)

相关文章

  • 002_table标签制作细线表格

    HTML标签中的table标签,就简单的写出来的话,那就是丑。代码: 效果: 真的是够丑的,为什么会是这样的样子呢...

  • 2-12. 细线表格

    1、在表格标签中通过设置外边距为0,并不能实现一个细线表格,只会将两条线和并成一条 2、制作细线表格 给table...

  • H5前端开发学习笔记——0x05表格标签

    本节大纲 课时37表格标签基本使用(理解) 课时38表格标签的属性(了解) 课时39细线表格(理解) 课时40表格...

  • 2018-09-17 day-21-HTML

    1.序言 2.html简介 3.head标签 4.文本标签 5.图片和超链接 6.表格标签 7.细线表格 8.不规则表格

  • Day01 HTML

    01.HTML基础知识 02.文本标签 03.图片和超链接 04.表格标签 05.细线表格 06.不规则表格 01...

  • HTML5 学习笔记 2017-02-13 am

    细线表格 在表格标签中向通过指定外边距为0来实现细线表格是不靠谱的,其实它是将2条线合并为一条线,所以看上去很不舒...

  • day21 - css基础(总结)

    1.细线表格制作步骤 1.1.不设置border1.2.设置cellcpacing的值为表格线的宽度1.3.设置整...

  • (22)day2-表单和css基础

    2.1 细线表格 细线表格 1.不设置boder,设置cellspacing为12.设置整个表格背景色为表格线颜色...

  • 表格与表单

    如何制作一个表格制作表格用在HTML中,使用table标签来创建一个表在table标签中使用tr来表示表格中的一行...

  • day2-表单和css基础

    一.细线表格 二.表单标签和input标签 三.下拉菜单和多行文本框 四.div和是span 五.CSS基础 什么...

网友评论

    本文标题:002_table标签制作细线表格

    本文链接:https://www.haomeiwen.com/subject/lopxyxtx.html