bordercollapse是用在哪儿

border-collapse的示例

首先,我们知道border-collapse属性取值如下: border-collapse属性值说明separate默认值,边框分开,不合并collapse边框合并,如果相邻,则共用一个边框HTML代码:     《table》        《caption》表格标题《/caption》        《!–表头–》        《thead》            《tr》                《th》表头单元格1《/th》        《th》表头单元格2《/th》            《/tr》        《/thead》        《!–表身–》        《tbody》            《tr》                《td》标准单元格1《/td》                《td》标准单元格2《/td》            《/tr》            《tr》                《td》标准单元格1《/td》                《td》标准单元格2《/td》            《/tr》        《/tbody》        《!–表脚–》        《tfoot》            《tr》                《td》标准单元格1《/td》                《td》标准单元格2《/td》            《/tr》        《/tfoot》    《/table》CSS代码:         table,th,td{border:1px solid gray;}        table{border-collapse:collapse;}对比一下不加“border-collapse:collapse;“就可以深刻理解border-collapse属性了。

border-collapse的说明

border-collapse属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示
对应的脚本特性为borderCollapse。

CSS中这个border-collapse:collapse在哪里找,在哪里看,求知道的大神告诉,我是新手

这个是针对table的一个css属性。

参考

http://www.w3school.com.cn/cssref/pr_tab_border-collapse.asp

css的border-collapse两个值有什么区别

border-collapse共有三个值:border-collapse:separate | collapse | inherit
它们各自的含义是:
separate:
默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
collapse:
如果可能,边框会合并为一个单一的边框。会忽略border-spacing 和 empty-cells 属性。
inherit:
规定应该从父元素继承border-collapse属性的值。
border-collapse的用途
border-collapse属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示

CSS合并表格边框

在CSS中可以使用border-collapse属性来合并表格边框;border-collapse属性用于设置表中存在的单元格的边框,并告知这些单元格是否共享公共边框。 border-collapse属性设置表格的边框是否被合并为一个单一的边框。 语法: 属性值: ● separate:用于设置单元格的单独边框。 ● collapse:用于折叠相邻的细胞并形成共同的边界。 ● initial:用于将border-collapse属性设置为其默认值。 ● inherit:当border-collapse属性从其父元素继承时使用。 示例: 效果图: 浏览器支持 border-collapse属性支持的浏览器如下: ● Apple Safari 1.2 ● 谷歌Chrome 1.0 ● Internet Explore / Edge 5.0 ● Opera 4.0 ● Firefox 1.0 更多 css 的相关知识,可访问: web前端课程 !!

border-collapse的介绍

border-collapse 用于表格属性, 表示表格的两边框合并为一条。

CSS的一个小问题

border-collapse:collapse 的使用
兼容性:IE5+ 继承性:无
语法:border-collapse : separate | collapse
取值:
separate : 默认值。边框独立(标准HTML)
collapse : 相邻边被合并
说明:
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 borderCollapse 。
示例:
table { border-collapse: separate; }
应用于:
IE5.0+ currentStyle runtimeStyle style TABLE

表格表单的用法总结

一.表格
表格就是用来表示一些格式化的数据的,在网页里也可以创建表格

1,使用table标签创建表格

2,使用tr表示表格一行,有几行有几个tr

3,在tr中使用td来创建单元格,有几个单元格就有几个td

4,表格创建默认没有边框

5,用css来创建单元格或者在table里面加borde=“1”(不常用)

6,在table里加width=“40%”表示在窗口里宽度占40%

7,合并两个单元格:先删除其中一个单元格,然后让另一个格占领两个位置,在td中加入colspan=“2”,row用来纵向合并单元格

8,table和td边框之间默认有一个距离,通过border-spaceing属性可以设置这个距离

9,border-collapse可以用来设置表格合并,此时border自动失效

10,th是特殊的td,表标题

11,tr:nth-child(even){background-color: #bfa;}可以给偶数行设绿色背景

12,tr:hover{background-color: #ff0; }可以是鼠标指定行背景变黄色

13,表头,表格主体,表格底部分别为thead,tbody,tfoot。表头,表格主体,表格底部不管什么情况都永远分别显示在头部,中部,底部。

14,如果表格中没有tbody,浏览器会自动在表格中添加tbody,并且将所有tr都放到tbody中,所以tr不是table的子元素,而是tbody的子元素。


15,表格可以给页面布局,但是不常用,被css所淘汰。
二,表单

1,表单的作用就是用来将用户的信息提交给服务器的。

2,使用form标签创建一个表单,form标签必须指定一个action属性,该属性指向的是一个服务器的地址,但我们提交表单时将会提交到action属性对应的地址。

3,使用form创建的是一个空白的表单,我们还需要添加不同的表单项。

4,使用input来创建一个文本框,他的type属性是text,如果希望表单项中的数据会提交到服务器中,还必须给表单项指定一个name属性,name表示提交内容的名字

5,提交按钮可以将表单中的信息提交给服务器,使用input创建一个提交按钮,它的type属性值是submit,提交按钮可以通过value属性来指定按钮上的文字

6,使用input创建一个密码框,它的type属性是password

7,使用input来创建一个单选按钮,它的type属性使用radio,单选按钮通过name进行分组,name属性相同是一组按钮,还需要指定一个value属性,这样被选中的表单项会以value属性值提交给服务器。

8,使用input创建一个多选框,它的type属性使用checkbox,记得加name和value

9,使用select来创建一个下拉列表,在下拉列表中使用option标签来创建一个一个列表项,下拉列表的name属性要指定给select,而value的值要指定给option。

10,如果希望在单选按钮或者是多选框中指定默认的选项,添加checked属性

bordercollapse属性

css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么?
border-collapse属性设置表格边框线的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
首先我们来了解一下css border-collapse属性是什么?它的作用。
border-collapse 属性:设置表格的边框是否被合并为一个单一的边框,即:用于设置表格边框是合并显示还是分开显示。
border-collapse 属性设置表格的边框是否被合并为一个单一的边框。它有以下几个值:
— separate 默认值:边框会被分开,不会忽略 border-spacing 和 empty-cells 属性;
— collapse:如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性;
— inherit:规定应该从父元素继承 border-collapse 属性的值。
双线表格边框的实现
html代码: