大家帮忙看一下,这两种简单的写法为什么一个有效,一个无效
时间: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>
<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标签中有些奇怪 这里只是猜测 没有下功夫去各个浏览器中验证了
.two{........}像这样 只要元素中包含class="two"这样子 就可以实现他所设置的样式。但有个特殊情况 似乎border属性在table标签中有些奇怪 这里只是猜测 没有下功夫去各个浏览器中验证了
作者: 神之左手 发布时间: 2010-01-07
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28