+ -
当前位置:首页 → 问答吧 → 大家帮忙看一下,这两种简单的写法为什么一个有效,一个无效

大家帮忙看一下,这两种简单的写法为什么一个有效,一个无效

时间:2009-12-29

来源:互联网

<html>
<head>
<title>test 表格无边框,有内框! ^^ CSDN 学习积累</title>
<style type="text/css">
#table {border:none;width:100%;}
#table td {border-bottom:1px solid #000;border-right:1px solid #000;}
#table td.two {border-right:none;}               这里为什么换成.two {border-right:none;}     .thr {border-bottom:none;}就无效了。 为什么呢????????

#table td.thr {border-bottom:none;}
</style>
</head>
<body>
<table id="table" cellpadding="0" cellspacing="0">
 
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td class="two"> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td class="two"> </td>
  </tr>
  <tr>
    <td class="thr"> </td>
    <td class="thr"> </td>
    <td class="thr"> </td>
    <td class="thr"> </td>
    <td class="thr"> </td>
    <td class="thr"> </td>
    <td class="thr"> </td>
    <td class="two thr"> </td>
  </tr>
</table>
</body>
</html>

作者: seekarmor   发布时间: 2009-12-29

自己顶一下

作者: seekarmor   发布时间: 2009-12-29

来这里看看由你要的答案吗http://bbs.flatws.cn

作者: swlyb   发布时间: 2009-12-29

            

作者: fox007   发布时间: 2009-12-29

帮顶下 按照CSS 道理来说
.two{........}像这样 只要元素中包含class="two"这样子 就可以实现他所设置的样式。但有个特殊情况 似乎border属性在table标签中有些奇怪 这里只是猜测 没有下功夫去各个浏览器中验证了

作者: 神之左手   发布时间: 2010-01-07

相关阅读 更多