注册 登录
编程论坛 WEB前端(UI)

[求助]当列中无内容时,边框就不会显示,有什么办法解决吗?!

冰残剑 发布于 2007-05-19 09:25, 2034 次点击
CSS如下:
.subtable3
{
font-size:12px;

border-top-color:#3B92D9;
border-top-style:solid;
border-top-width:1px;
border-left-color:#3B92D9;
border-left-style:solid;
border-left-width:1px;
}
.subtable3 td
{

border-right-color:#3B92D9;
border-right-style:solid;
border-right-width:1px;
border-bottom-color:#3B92D9;
border-bottom-style:solid;
border-bottom-width:1px;
height:28px;
font-size:12px;
margin-left:5px;
}
10 回复
#2
kidy20052007-05-19 10:45
用<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse">这种吧,CSS的起码里面要有 才会显示边框的
#3
冰残剑2007-05-19 11:07
这样边框太大不好看
#4
xuecg2007-05-19 13:05
你要什么样的效果,想要边框显示,显示出来又说不好看
#5
kidy20052007-05-20 11:19
你可以修改bordercolor="#000000"中的颜色值撒
#6
冰残剑2007-05-21 12:02
就像本页的边框,细细的
#7
lmhllr2007-05-21 12:47
哦,细边框不是单纯的设置边框就行了

有好几种方法,用CSS最好了

不过我喜欢用背景色模拟


<table width=\"204\" height=\"115\" border=\"0\" cellpadding=\"1\" cellspacing=\"1\" bgcolor=\"#33CC99\">
  <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>
#8
冰残剑2007-05-21 15:14
这个我也常用,但是当有两个表格相邻的时候,相邻的那条边框就会重叠变厚
#9
lmhllr2007-05-21 16:21
那你用CSS限制其中一个表格的边框啊。。。

#10
kidy20052007-05-22 10:50
8楼:
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse">
用这个相邻的边框就不会重叠啊
#11
clarksjtv2007-08-09 13:50
以下是引用冰残剑在2007-5-19 9:25:37的发言:
CSS如下:
.subtable3
{
font-size:12px;

border-top-color:#3B92D9;
border-top-style:solid;
border-top-width:1px;
border-left-color:#3B92D9;
border-left-style:solid;
border-left-width:1px;
}
.subtable3 td
{

border-right-color:#3B92D9;
border-right-style:solid;
border-right-width:1px;
border-bottom-color:#3B92D9;
border-bottom-style:solid;
border-bottom-width:1px;
height:28px;
font-size:12px;
margin-left:5px;
}

假如做一个3行3列的表格,想让文字居中,千万不要对不写文字的表格进行居中,不然到时候在浏览时,边框会不一致.

如果你不小心没有文字的表格选择了居中,那么你在代码视图里面,用&nbsp;替换已经居中的字符.

1