文档章节

table表格边框的设置

 学习也休闲
发布于 2015/09/02 11:06
字数 215
阅读 40
收藏 1
CSS

border-collapse 属性设置table的边框是否被合并为一个单一的边框,还是像在标准的 HTML 中那样分开显示。


border-collapse值

 

separate: 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。

collapse : 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

inherit    : 规定应该从父元素继承 border-collapse 属性的值。



对应的JS脚本属性为:borderCollapse

 

border-collapse实例

 

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table
  {}{
  border-collapse:collapse;
  }

table, td, th
  {}{
  border:1px solid black;
  }
</style>
</head>

<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
<p><b>注释:</b>如果没有规定 !DOCTYPE,border-collapse 属性可能会引起意想不到的错误。</p>
</body>
</html>



参考资料:使用border-collapse设置table边框  http://www.studyofnet.com/news/942.html


© 著作权归作者所有

粉丝 6
博文 99
码字总数 38516
作品 0
海淀
私信 提问
HTML_TABLE内外边框

HTML_TABLE内外边框颜色设置及页面居中 HTML_TABLE内外边框颜色设置及页面居中 时间: 2009.05.07 11:32:00 标签: <table width="100%" cellpadding="0" cellspacing="0" bgcolor="#a1a1a1" i......

liaolzy2
2014/11/17
148
0
Java程序员从笨鸟到菜鸟之(十五)Html基础积累总结(下) .

本文来自:曹胜欢博客专栏。转载请注明出处:http://blog.csdn.net/csh624366188 一:表格 1.表格的基本语法 ... - 定义表格 - 定义表行 - 定义表头 - 定义表元(表格的具体数据) 带边框的表格...

长平狐
2012/11/12
69
0
表格的合并

表格的样式和合并 table: 1. border-collapse 属性 2.border属性 指定CSS表格边框,使用border属性。下面的例子指定了一个表格的Th和TD元素的黑色边框: 3.表格宽度和高度 Width和height属性...

金于虎
2016/11/08
19
0
《Head first HTML与CSS 第二版》读书笔记 第十三章 表格和列表

1、表格 HTML表格元素<table><tr><th><td>一起用来创建一个表格。 <table>元素定义并包围整个表格。 <tr>表示一行。 <td>表示一个单元格。 <th>用来表示行或列表头的单元格。 <caption>元素提......

一万
2016/08/07
33
0
百度UEditor粘贴或插入的表格不显示边框的解决办法

修改办法: 打开ueditor.all.js 1、找到下面的代码,修改 这是为了不让UEditor去掉粘贴的表格的边框,也就是table元素的border属性(不是border内联样式) 2、UEditor插入的表格实际是没有边...

中小宇
2016/12/15
294
0

没有更多内容

加载失败,请刷新页面

加载更多

一起来学Java8(三)——方法引用

在一起来学Java8(一)——函数式编程中有一个简单的函数式编程的例子: import java.util.function.Consumer;class Person { public static void sayHello(String name) { S...

猿敲月下码
25分钟前
13
0
读书笔记:深入理解ES6(十一)

第十一章 Promise与异步编程   Promise可以实现其他语言中类似Future和Deferred一样的功能,是另一种异步编程的选择,它既可以像事件和回调函数一样指定稍后执行的代码,也可以明确指示代码...

张森ZS
48分钟前
19
0
面试官,Java8 JVM内存结构变了,永久代到元空间

在文章《JVM之内存结构详解》中我们描述了Java7以前的JVM内存结构,但在Java8和以后版本中JVM的内存结构慢慢发生了变化。作为面试官如果你还不知道,那么面试过程中是不是有些露怯?作为面试...

程序新视界
56分钟前
28
0
Elasticsearch 实战(一) - 简介

官腔 Elasticsearch,分布式,高性能,高可用,可伸缩的搜索和分析系统 基本等于没说,咱们慢慢看 1 概述 百度:我们比如说想找寻任何的信息的时候,就会上百度去搜索一下,比如说找一部自己喜...

JavaEdge
今天
23
0
【jQuery基础学习】11 jQuery性能简单优化

本文转载于:专业的前端网站➦【jQuery基础学习】11 jQuery性能简单优化 关于性能优化 合适的选择器 $("#id")会直接调用底层方法,所以这是最快的。如果这样不能直接找到,也可以用find方法继...

前端老手
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部