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

css表格样式_css样式控制表格单元格的距离

作者:小编 更新时间:2023-08-16 13:19:37 浏览量:307人看过

设置border属性

和其他元素设置样式一样啊,只不过选择器换位表格的。表格包括table,tr,th,td。其局族顷中TR是没有border属性的,也就是说没有边框样式,其他的就和普通的css样式一样写就对了。

比如:

知道用效果展示

table

{

border: 1px solid darkgray;

}

tr:hover

background-color: #1b6d85;

td

border: 1px solid dimgray;

text-align: center;

穗扒td:hover

background-color: #8c8c8c;

表头单元格

表头单元格

表头单元格

单元格

单元格

单元格

border-style: solid实线边框

Learn young, learn fair.

border-spacing:15px没有试过,你试一下吧

在table 中控制单元格之间的间距要用到cellspacing、cellpadding,默认情况cellspacing、cellpadding均不为0,但经 常的状况为了不让table单元格之间芦配的间距影响到美观,我们经常会把cellspacing、cellpadding设置为0,因此经常看到""这样的代码。这样做无形中增加了代码的体积,而且也极其不符合样式与内容分离的web标准,对于我本人来说也是极其 厌恶这样的形式的,因此使用css控制cellspacing/cellpadding显的意义重大了毕链!以下是控制方法:

table{border:0;margin:0;border-collapse:collapse;}

table td{padding:0;}

第一行控制cellspacing,关键是"border-collapse:collapse;"这一句;第二行控制cellpadding

cellpadding 对应 td padding

cellspacing 对应 td margin

说的还不够清楚吗?

cellpadding,cellspacing都是废弃的属性了,早手哗孙已不推荐使用,最新的html5里已经彻底去掉了这些表现型的属性。正确的做法是,合并表格边框,然后用th,td的padding设置内容和边框之间的空隙。

你想有间隔,就table td{

padding:15px;

},就可以了啊

用喊裂 border-spacing:100px 就OK。

table {

border:solid black 1px;

border-spacing:100px;

不知道为啥在IE6上没效果,郑孝闭这明明是CSS1的属慎知性,郁闷......

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

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

编辑推荐

热门文章