table内边框,table内边框怎么设置
HTML中正确设置表格table边框border的三种办法
html中如果设置table的border为1px,实际会产生双线,十分不美观,那么在HTML中如何正确设置表格table边框border呢?
第一种方法:
1、将table的属性设置为:BORDER=0 、cellspacing=1 ;
2、设置table的背景色为即你要设置的table的边框颜色;
3、设置所有td背景色为#ffffff白色;
第二种方法:
1、设置BORDER=0 ;
2、再通过CSS,给Table加上1px的border-top,border-left;
3、然后再设置所有的td的border-right,border-bottom;
第三种方法(推荐):
1、设置table的CSS为{border-collapse:collapse;border-style: solid;border-width: 1px;}
注:border-collapse:collapse;
separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承 border-collapse 属性的值。
2、再设置td的CSS为{border-style: solid;border-width: 1px;}
转自:
css中,怎样是table的内部边框显示出来啊???求解!!!!!
目的:
只对table标签设置边框样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。
解决办法:
div?class="table-a"?
table?width="400"?border="0"?cellspacing="0"?cellpadding="0"?
tr?
td?width="105"站名/td?
td?width="181"网址/td?
td?width="112"说明/td?
/tr?
tr?
tdDIVCSS5/td?
td;/td?
tdCSS学习/td?
/tr?
tr?
tdCSS5/td?
td;/td?
tdCSS切图/td?
/tr?
/table?
/div
table的内、外边框设置
table{
border: 1px solid red; border-collapse:collapse;
}
使边框合并变细