首页 > 教程 > 关键词 > 最新资讯 > 正文

CSS去除表格的默认间距并且制作1px的细线表

2007-05-22 09:36 · 稿源:网页教学网

现在在所谓“div+css”的风气下,很多人放弃了表格,其实应该让每个标签物尽其用,在表现数据的地方,我们还是应该使用table。但是,我们在建立table的时候,会发现它会具有一些默认的样式,比如单元格td之间会有间距,所以我们通常开头是这样写的:

以下为引用的内容:
<table border="0" cellspacing="0" cellpadding="0">

在页面内,通过cellspacing="0"将这个间距消除,合并边框。现在,我们要一个干净的表格table。

以下为引用的内容:

<table class="dir">
<caption>如何通过CSS去除表格默认样式的间距</caption>
 <tr>
   <th>test</th>
   <th>test</th>
   <th>test</th>
 </tr>
 <tr>
   <td>test</td>
   <td>test</td>
   <td>test</td>
 </tr>
</table>

我们只要给这个table一个border-collapse:collapse的样式,就可以达到这个效果了。

以下为引用的内容:

.dir{ width:100%; border-left:#C8B9AE solid 1px;border-top:#C8B9AE solid 1px;border-collapse:collapse;}
.dir td{width:25%;border-right:#C8B9AE solid 1px;border-bottom:#C8B9AE solid 1px;background-color: #D7D1CB;padding:10px 10px 6px;vertical-align: top;}

这样,我们达到了所需要的效果,并且,上面的css样式还把表格table定义成了1px的细线表格。

在没有对table进行内部样式定义,而通过样式表,成功的去除td默认的间距,以及定义为1象素的细线表格。真正做到了结构与表现的分离。

  • 相关推荐
  • 大家在看
  • 尧都农商银行:精耕三农责任田 共迈乡村振兴路

    整村授信是乡村振兴和普惠金融的有效载体,是推动农村信用体系建设,建成小康社会的有效途径,意义深远,福祉百姓。尧都农商银行一直以来都坚持把“农”字挺在前面,把“农”字放在心上,把“农”字视为根本,通过产品设计、特色活动以及特色产业的信贷支持,精耕细作农村“责任田”,扎实推进辖内整村授信及用信工作,为乡村振兴和农村经济发展注入新的活力和强大动力。立足“实”字,农家遍开信用花尧都农商银行在2019年“示范典

  • 江南百景图全人物角色实力超详细评测 所有人物强度排行榜

    江南百景图中有非常多的人物,其中各个人物的属性都是不一样的,自然也有优劣之分,很多人还不清楚到底什么人物的属性强度比较好一点,下面就来为大家详细的介绍一下所有人物强度排行榜以及评测。

  • 北京健康宝崩了?7月3日上午部分网友出现健康宝无法打开问题

    7月3日上午,不少网友在社交平台上反映称北京健康宝APP的页面出现异常提示,提示的内容是“可能由于信号偏弱、网络不稳定等原因,请前后再试。”似乎是早上服务器出现了异常。

  • 北京健康宝崩了 页面显示“由于信号偏弱等原因,请稍后再试”

    今早,有大量网友在社交媒体上放映称,北京健康宝崩了,提示“可能由于信号偏弱、网络不稳定等原因,请稍后再试。”此外,还有用户表示自己卡在了“努力加载中”。对此,北京健康宝方面暂未回应。资料显示,“北京健康宝”

  • 动物之森7月3日更新了什么 动物森友会1.3.0版本更新内容汇总

    动物之森在7月3日上午更新了1.3.0版本,在这次的更新中加入了DIY系统,玩家可以用岛上的各种材料制造道具或家具,另外配合7 月 7 日的日本七夕,还上架了限定发售的商品"七夕竹",以下我们来看下本次更新的内容。

  • 微信公众号在文章底部添加标签功能 可关联热门标签提升曝光

    今日,针对公众号文章,微信再次推出了新功能,在公众号文章的底部可添加表示,点击标签,用户可查看与标签关键字关联的文章。对此,微信团队表示,这个功能对作者和读者都有很大的便利。在作者端可以关联热门标签提升曝光;读者可以点击标签在一个列表阅读相关内容,提升了阅读效率。

  • 电子客票刷证进站 小朋友没有身份证怎么办?官方科普

    6月20日,电子客票在全国普速铁路推广实施,覆盖1300多个普速铁路车站。旅客购票后不再拿到纸质火车票,只需持有效身份证件即可实现“一证通行”,实名制核验、检票、验票更加便捷,闸

  • 中芯国际:网上路演时间为7月6日9点至12点

    7月3日消息,中芯国际发布首次公开发行股票并在科创板上市网上路演公告,公告显示,中芯国际将于2020年7月6日9:00-12:00进行网上路演。根据公告,中芯国际本次发行采用向战略投资者定向配售(以下简称“战略配售”)、网下向符合条 件的投资者询价配售(以下简称“网下发行”)和网上向持有上海市场非限售A股股 份和非限售存托凭证市值的社会公众投资者定价发行(以下简称“网上发行”)相结 合的方式进行。本次公开发

  • 二季度交付量超预期 特斯拉股价周四收盘再涨近8%连创新高

    7月3日消息,据国外媒体报道,在电动汽车制造商特斯拉公布第二季度汽车交付量超过预期后,该公司股价于当地时间周四上涨近8%。当地时间周四,特斯拉表示,该公司第二季度生产了超过82000辆电动汽车,并交付了约90650辆汽车,大大高于预期的74130辆。具体来看,该公司第二季度生产了6326辆Model S/Model X,交付了10600辆Model S/Model X,生产了75946辆Model 3/Model Y,交付了80050辆Model 3/Model Y。据外媒报道,特

  • 印度千万粉丝大V吐苦水:没有TikTok将失去收入来源

    据BBC报道,自印度宣布禁用 59 款中国应用程序后,引发一些印度网红的抗议。多名在社交平台TikTok上拥有上千万粉丝的印度大V用户“大吐苦水”,他们很多都是靠短视频平台TikTok为生,这其中就包括网红Geet。

  • 研究:2019年全球电子垃圾增长创历史新高 达5910万吨

    根据周四发布的一份年度报告,全球堆积如山的废弃平板电视、手机等电子垃圾在 2019 年增长创下历史新高。

  • 贾跃亭宣布破产重组完成

    ​7 月 2 日,贾跃亭发布了名为《打工创业、重启人生,带着我的致歉、感恩和承诺》的公开信称, 6 月 26 日,经过近一年的努力,自己在美国申请的个人破产重组程序终于完成,重组方案正式生效,同时债权人信托也正式设立并开始运营。

  • ​大神winter(程劭非)主持开课吧“Web前端会客厅”

    如今,前端领域正在经历由 Angular、React、Vue、Webpack等技术驱动的高速发展阶段,整个前端领域就像行驶在高速公路的汽车。而正是由于前端技术变化太快,高级前端工程师的成长速度可能跟不上企业的需要,许多前端开发者也高呼“学不动了”。其实,正确的学习方向大于无谓的努力,有了一个好的方向,成功来得比想象的更快,学习前端技术也是如此。为了让前端人更深刻了解当下前沿技术,跟上前端的生态演化的速度,数字化人才在线教育平台—?

  • inSona发布智慧生态照明系统 破解照明渠道智能化转型痛点

    金鸡湖畔,掌声阵阵。 6 月 18 日,inSona智慧生态照明系统在苏州中茵皇冠假日酒店重磅发布。发布会从融合、创新、落地三个维度对传统照明渠道向智能照明渠道转型过程中所面临到的产品痛点、技术痛点、服务痛点进行了深入刨析,引起了行业从业们的极大共鸣。inSona全新颠覆式的智慧生态照明系统重磅发布,凭借极简的无线组网方式,以及超强的智能化场景构建能力,推动智能家居渠道的升级转型。inSona智慧照明生态,填补智能家居渠?

  • 58同城:多地坚持“房住不炒”基调,购房者的春天要来了吗?

    在“房住不炒”的基调下,楼市发展的“稳”成为今后最为核心的方向。近几年,各地政府调控楼市措施层出不穷,房屋价格也是起起伏伏。面对当下尚未明朗的房价,购房刚需族们应该如何应对呢?无论楼市冷热,按需购买最重要实际上无论楼市上行还是下行,根据自己的目标买房绝对不会出错,按照自己的购房计划挑选位置、楼盘、面积大小,运算充足可以购置新房,预算偏少的可以考虑二手房。购置自用住房最重要的还是买自己买得起的,需要

  • 7月6日双星伴月什么时候观测 双星伴月观测时间地点汇总

    2020年7月份将是观测太阳系行星的最好时机,木星、土星、金星、水星等将相继迎来全年最佳观测期。其中在7月5日晚至7月6日凌晨会出现双星伴月的天象,那么什么时间来观测比较好呢,以下我们来了解下具体的时间。

  • “华为”和“荣耀”的区别盘点!不同定位相同品质

    有人称荣耀是华为的“亲儿子”,实际上两者是并肩作战的“亲兄弟”。华为和荣耀同属于华为集团,是华为消费者业务部门下两个独立的终端品牌。“华为”和”荣耀“的区别在很多方面都有体现:二者的品牌定位和目标人群都不同,定位上的不同,反应在产品设计、用户沟通风格、门店风格等各个方面。荣耀早在 2017 年就成为了中国互联网手机Top1,近几年,荣耀正在全场景、全球化、全渠道快速拓展。 2019 年,荣耀的线上线下业绩平分秋色

  • 荣耀笔记本MagicBook Pro“用力过猛”!轻薄、大屏、性能全满足

    随着人们生活质量的逐步提高,像荣耀笔记本MagicBook Pro2020 这种可以满足用户各种需求的笔记本更受消费者欢迎。它不仅是拥有大屏的轻薄笔记本,还是性能强悍的实力型笔记本,且具备多种实用功能,这样的笔记本在市场上并不多见,被消费者称为:"用力过猛过!"下面一起来了解一下这款荣耀笔记本,感受一下属于它的魅力。荣耀笔记本MagicBook Pro2020 质量非常好,A/B/C三面都是高品质铝合金材质,经过阳极氧化工艺加工后,保持铝合

  • 扔的都是真金白银!全球电子废弃物暴增:回收价值高达570亿美元

    如今在大街小巷时不时会听到这样的叫卖声:“回收旧手机,旧手机换菜刀,换剪子,换盆”。那么他们回收旧手机是干什么用呢?其实主要就是提取其中的重金属。但人们也许想不到,旧手机

  • 中商互联集团完成中科企创信息技术研究院收购

    据悉,中科企创(北京)信息技术研究院2012年7月25日成立于北京,该研究院成立8年以来,专注电子商务诚信认证、搜索引擎大数据研究。 据企查查公示,此次收购,由中商互联集团董事会成员代持中科企创(北京)信息技术研究院100%股权。据知情人士了解,中商互联集团近期动作频繁是为了终端点商宝及采商通客户增效,此次收购完成,或许有助于中商互联集团布局国内大数据产业互联网商业效果营销领跑者愿景进一步加快实现。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议