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代码: