61,126
社区成员
发帖
与我相关
我的任务
分享一个CSS问题
<html>
<head>
<style>
.x{border-top:1px solid black;border-right:0 solid red;border-bottom:0 solid red;border-left:0 solid red;}
.b{border:0;}
body,td,th,input,select /* 標準フォントサイズ */
{ font: 10pt 'ＭＳ ゴシック','Osaka－等幅' ; }
table /* テーブル標準 */
{ border: 1px solid #333333; border-collapse: collapse; }
td /* セル標準(暗灰色ボーダー) */
{ text-valign: middle; border: 1px solid #333333; }
</style>
</head>
<body>
<table >
<tr>
<td width="120">
<table width="120" class = "b">
<tr class = "b">
<td class = "b">
12345
</td>
</tr>
<tr>
<td class="x">
6666
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
上面的代码是 孟子E章 老兄提供的 关于我的
"用什么样的CSS可以解决里层的TABLE只显示中间的一条线,四周的线不显示
就好象是外层TABLE的一条线一样的效果" 问题的回答
但是有一点问题.就是 内层TABLE 中间的连线与外层的 TABLE 有一点点没有连接,
能不能连接上???
<head>
<style>
.x{border-top:1px solid black;border-right:0 solid red;border-bottom:0 solid red;border-left:0 solid red;}
.b{border:0;}
body,td,th,input,select /* 標準フォントサイズ */
{ font: 10pt 'ＭＳ ゴシック','Osaka－等幅' ; }
table /* テーブル標準 */
{ border: 1px solid #333333; border-collapse: collapse; }
td /* セル標準(暗灰色ボーダー) */
{ text-valign: middle; border: 1px solid #333333; }
</style>
</head>
<body>
<table >
<tr>
<td width="120">
<table width="120" class = "b">
<tr class = "b">
<td class = "b">
12345
</td>
</tr>
<tr>
<td class="x">
6666
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
上面的代码是 孟子E章 老兄提供的 关于我的
"用什么样的CSS可以解决里层的TABLE只显示中间的一条线,四周的线不显示
就好象是外层TABLE的一条线一样的效果" 问题的回答
但是有一点问题.就是 内层TABLE 中间的连线与外层的 TABLE 有一点点没有连接,
能不能连接上???
...全文
请发表友善的回复…
发表回复
cybernaute 2003-10-11
- 打赏
- 举报
在<table>里加入cellspacing="0" cellpadding="0"
kingdomzhf 2003-10-11
- 打赏
- 举报
<body>
<table border=1 cellSpacing=0 cellPadding=0 >
<tr><td>a</td><td>b</td></tr>
<tr><td>c</td><td>d</td></tr>
</table>
</body>
nolonely 2003-10-10
- 打赏
- 举报
最外层table需要加上
<table cellspacing=0 cellpadding=0>
另:css里面有错误.text-valign==>vertical-align
<table cellspacing=0 cellpadding=0>
另:css里面有错误.text-valign==>vertical-align
Reker熊 2003-10-10
- 打赏
- 举报
<html>
<head>
<style>
.x{border-top:1px solid black;border-right:0 solid red;border-bottom:0 solid red;border-left:0 solid red;}
.b{border:0;}
body,td,th,input,select /* 標準フォントサイズ */
{ font: 10pt 'ＭＳ ゴシック','Osaka－等幅' ; }
table /* テーブル標準 */
{ border: 1px solid #333333; border-collapse: collapse; }
td /* セル標準(暗灰色ボーダー) */
{ text-valign: middle; border: 1px solid #333333; }
</style>
</head>
<body>
<table cellspacing=0 cellpadding=0>
<tr>
<td width="120">
<table width="120" class = "b" >
<tr class = "b">
<td class = "b">
12345
</td>
</tr>
<tr>
<td class="x">
6666
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<head>
<style>
.x{border-top:1px solid black;border-right:0 solid red;border-bottom:0 solid red;border-left:0 solid red;}
.b{border:0;}
body,td,th,input,select /* 標準フォントサイズ */
{ font: 10pt 'ＭＳ ゴシック','Osaka－等幅' ; }
table /* テーブル標準 */
{ border: 1px solid #333333; border-collapse: collapse; }
td /* セル標準(暗灰色ボーダー) */
{ text-valign: middle; border: 1px solid #333333; }
</style>
</head>
<body>
<table cellspacing=0 cellpadding=0>
<tr>
<td width="120">
<table width="120" class = "b" >
<tr class = "b">
<td class = "b">
12345
</td>
</tr>
<tr>
<td class="x">
6666
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
rengang11 2003-10-10
- 打赏
- 举报
你会dreamweaver吗？css样式面板里面的border项里可以设置
