首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

table有关问题

2012-02-15 
table问题styletype text/css table{border-collapse:collapse}td{border:#000solid1px}/style高

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 "> &nbsp; </td>
<td bgcolor= "#FFFFFF "> &nbsp; </td>
</tr>
<tr>
<td bgcolor= "#FFFFFF "> &nbsp; </td>
<td bgcolor= "#FFFFFF "> &nbsp; </td>
</tr>
<tr>
<td bgcolor= "#FFFFFF "> &nbsp; </td>
<td bgcolor= "#FFFFFF "> &nbsp; </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 ">


<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class= "tr3 ">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

热点排行