设置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样式控制表格单元格的距离相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!