table有关问题
日期：2014-05-17 浏览次数：20901 次
table问题
<style type= "text/css ">
table {border-collapse:collapse;}
td {border:#000 solid 1px;}
</style>
高手都知道！这是让边框线细，里面的边框粗的css,但是我想实现边框粗，里面细的表格！请高手指教！
------解决方案--------------------
下班了，帮忙up
------解决方案--------------------
<style type= "text/css ">
table {border-collapse:collapse;}
td {border:#000 solid 1px;}
</style>
据我所知，上面的代码是重新定义页面中table样式：没有表格填充，表格边框是1px的黑色的直线样式。
至于lz说的，可以定义嵌套表格，并分别定义边框样式
------解决方案--------------------
golive?什么东东啊？
------解决方案--------------------
非用表格这样就行：
<table width= "400 " height= "92 " border= "0 " cellpadding= "0 " cellspacing= "1 " bgcolor= "#666666 " style= "border:2px solid #666; ">
<tr>
<td bgcolor= "#FFFFFF "> </td>
<td bgcolor= "#FFFFFF "> </td>
</tr>
<tr>
<td bgcolor= "#FFFFFF "> </td>
<td bgcolor= "#FFFFFF "> </td>
</tr>
<tr>
<td bgcolor= "#FFFFFF "> </td>
<td bgcolor= "#FFFFFF "> </td>
</tr>
</table>
------解决方案--------------------
<div style= "border:2px solid #000;width:100px; ">
<TABLE width= "100 " border= "1 " style= "border-collapse:collapse;border-color:#000 ">
<TR>
<TD> 1 </TD>
<TD> 2 </TD>
</TR>
<TR>
<TD> 3 </TD>
<TD> 4 </TD>
</TR>
</TABLE>
</div>
表格用css定义边框的颜色样式，表格外面用div包括，然后设置div的宽度和表格一样，定义div的边框样式和表格的边框样式相同的颜色样式宽度加倍。
楼上使用cellspacing不好，原因是浏览器显示不一致，不跨平台。
------解决方案--------------------
其实加一个对应于table的边线css样式就可以了
css里面table的边是不影响td的边的
border-collapse:collapse
这个实际的作用是把相邻的td边合并成为“田”字型，而不是四个“口”
如果你期望“田”字四边粗，中间“十”字细，
就需要table/td用相同的颜色并且中间没有间距，
又或者按每条边的位置逐条写css
------解决方案--------------------
楼上的 snmr_com(麒麟厍人)
我期望“田”字四边粗，中间“十”字细，
table/td用相同的颜色并且中间没有间距
指教一下代码如何！
或者如何逐条写css请举一代码示例一下！
------解决方案--------------------
<style type= "text/css ">
td {
width: 98px;
height: 20px;
border: 1px #33FF00 solid;
}
table {
width: 300px;
border-collapse:collapse;
border: 4px #33FF00 solid;
display: block;
}
</style>
<body>
<table class= "table2 ">
<tr class= "tr1 ">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class= "tr2 ">
<style type= "text/css ">
table {border-collapse:collapse;}
td {border:#000 solid 1px;}
</style>
高手都知道！这是让边框线细，里面的边框粗的css,但是我想实现边框粗，里面细的表格！请高手指教！
------解决方案--------------------
下班了，帮忙up
------解决方案--------------------
<style type= "text/css ">
table {border-collapse:collapse;}
td {border:#000 solid 1px;}
</style>
据我所知，上面的代码是重新定义页面中table样式：没有表格填充，表格边框是1px的黑色的直线样式。
至于lz说的，可以定义嵌套表格，并分别定义边框样式
------解决方案--------------------
golive?什么东东啊？
------解决方案--------------------
非用表格这样就行：
<table width= "400 " height= "92 " border= "0 " cellpadding= "0 " cellspacing= "1 " bgcolor= "#666666 " style= "border:2px solid #666; ">
<tr>
<td bgcolor= "#FFFFFF "> </td>
<td bgcolor= "#FFFFFF "> </td>
</tr>
<tr>
<td bgcolor= "#FFFFFF "> </td>
<td bgcolor= "#FFFFFF "> </td>
</tr>
<tr>
<td bgcolor= "#FFFFFF "> </td>
<td bgcolor= "#FFFFFF "> </td>
</tr>
</table>
------解决方案--------------------
<div style= "border:2px solid #000;width:100px; ">
<TABLE width= "100 " border= "1 " style= "border-collapse:collapse;border-color:#000 ">
<TR>
<TD> 1 </TD>
<TD> 2 </TD>
</TR>
<TR>
<TD> 3 </TD>
<TD> 4 </TD>
</TR>
</TABLE>
</div>
表格用css定义边框的颜色样式，表格外面用div包括，然后设置div的宽度和表格一样，定义div的边框样式和表格的边框样式相同的颜色样式宽度加倍。
楼上使用cellspacing不好，原因是浏览器显示不一致，不跨平台。
------解决方案--------------------
其实加一个对应于table的边线css样式就可以了
css里面table的边是不影响td的边的
border-collapse:collapse
这个实际的作用是把相邻的td边合并成为“田”字型，而不是四个“口”
如果你期望“田”字四边粗，中间“十”字细，
就需要table/td用相同的颜色并且中间没有间距，
又或者按每条边的位置逐条写css
------解决方案--------------------
楼上的 snmr_com(麒麟厍人)
我期望“田”字四边粗，中间“十”字细，
table/td用相同的颜色并且中间没有间距
指教一下代码如何！
或者如何逐条写css请举一代码示例一下！
------解决方案--------------------
<style type= "text/css ">
td {
width: 98px;
height: 20px;
border: 1px #33FF00 solid;
}
table {
width: 300px;
border-collapse:collapse;
border: 4px #33FF00 solid;
display: block;
}
</style>
<body>
<table class= "table2 ">
<tr class= "tr1 ">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class= "tr2 ">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
