Login
网站首页 > 文章中心 > 其它

css样式中设置表格的属性

作者:小编 更新时间:2023-07-27 09:10:05 浏览量:340人看过

border-collapse 属性:设置表格的边框是否被合并为一个单一的边框,即:用于设置表格边框是合并显示还是分开显示。

border-collapse 属性设置表格的边框是否被合并为一个单一的边框。它有以下几个值:

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

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

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

双线表格边框的实现

html代码:

誉搜

内容

内庆态历容

内容

内容

内容

内容

内容

内容

内容

内容

css代码:

table,table td{

text-align: center;

border: 1px solid #000;

border-collapse:separate;

}

table td{

padding: 10px 30px;

表格边框的双线样式其实很简单,只要同时设置表格外边框和table里的每个单元格的边框,就可以实现了。

因为separate是默认值,就算是不设置border-collapse:separate;表格也会呈现双线效果。

我们主要是来看看border-collapse属性合并边框,实现单线边框的方法,html代码一样,只需设置css样式:

table,table tr td {

border-collapse: collapse;

}table tr td {

单线边框的实现也很简单,它是在双线样式的基础上,设置border-collapse: collapse;

把相邻的两个table边框合并成一个,使得相邻的两条线并在一起,边框就以单线的形式显示了。

总结:表格边框的无论是单线边框样式,还是双线边框样式都在前端页面中应用广泛,大家可以根据自己

没注意,应该用margin就行了,

我一般给table添加类,如:

.tb

td{padding:3px;

font-size:12px;

margin:1px}

联系人

电兆运戚毕话

设置height属性就可以了。。。

根据核租陵你的需要型镇设置cellpadding的改戚值就行了!

把该行第一个单元格的高度设置好, 后面的都会一样的。

1、利用 height属性,这样是直接拉高 td 单元格的高度,缺点:文字不能对齐

2、蠢亮做为height属性文字垂直不对齐的补充,增加 line-height属性,与height相同时则垂直居中,但换行带袜宽则会导致两行间距太大。

3、padding-top padding-bottom 可以增加上下边距,很好用的属性,在bootstrap框架中是通过这个属性实现表格样式的。就算多行,也是一样保持间距。

或者结好碧合使用,选择一款适合的。

.table tr td { padding:10px 0;} 这样设置省事。

.table{

background-color:#000000;表格背景颜色

background-image:url;背景图片

background-position:center;内容位置设定

border:1px;

边框宽度

border-color:#000000;

边框哪前颜色知渣

有好多呢

属性

可以李猛清看看的

设置表格背景图像的属性是"background"

以上就是土嘎嘎小编大虾米为大家整理的css样式中设置表格的属性相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章