怎样用CSS为TBODY定义BORDER和HEIGHT
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样用CSS为TBODY定义BORDER和HEIGHT相关的知识，希望对你有一定的参考价值。
<tbody style="border:border:1px solid #f90 ; height:80px;">
</tbody>
这样是不行的，如果有这样简单，我还来问吗！！！
实践出真知，建议大家解答之前先测试下行不行
我觉得没必要设置tbody 的这两个样式吧，可以设置table的样式 啊，你看下面的代码：
<html>
<head>
<title>tbody_test</title>
</head>
<style>
table border-right:1px solid #009933; border-top:1px solid #009933;
table tr td border-bottom:1px solid #009933; border-left:1px solid #009933; padding:4px;
</style>
<body>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>213212</td>
<td>sdfsdf</td>
<td>sdfsdfs</td>
</tr>
<tr>
<td>213212</td>
<td>sdfsdf</td>
<td>sdfsdfs</td>
</tr>
<tr>
<td>213212</td>
<td>sdfsdf</td>
<td>sdfsdfs</td>
</tr>
</tbody>
</table>
</body>
</html>
这样也可以实现边框的效果啊！ 参考技术A 貌似Tbody没样式的说
tbody表示的是表格的主题部分
类似于 html中的<body></body>
同样
表格也分三个部分的
<thead>表示表头</thead>
<tbody>表示主内容</tbody>
<tfoot>表示表尾</tfoot>
可以不用tbody
不过tbody的好处就是
不用等待表格全部下载完 就可以显示tbody中的内容
你要是想针对tbody部分进行样式设计的话
直接给td设置就好了 如
table
border:1px solid #ccc;
border-right:none;
border-bottom:none;
table td
border:1px solid #ccc;
border-left:none;
border-top:none;
之后你在建立个table看看 是不是出现单线表格？？？
至于高度 是选择于你td的高度的总和 参考技术B 亲，tbody是无法设置border和height等属性的，border和height可以加在table标签上 参考技术C table tbodyborder:1px solid red;height:40px;
这样就可以了
也可以直接在HTML的tbody标签里面加入class 参考技术D <tbody style="border: ; height: ;">
</tbody>
css定义的边框虚线在火狐中不显示?
border:dashed 0px #0C0; border-bottom:1px;
我只让这个边框的底部有虚线，在搜狗中没问题，可是在火狐和IE中就没有虚线，什么都没有啊
您这种分离写法会造成样式覆盖，border-bottom:1px;其实质等价于：border-bottom:solid 1px #000。所以建议您将您的样式修改为：border-bottom:1px dashed #0C0。
如果对我们的回答存在任何疑问，欢迎继续问询。 参考技术A <style>
.a
width:200px;
height:200px;
border:1px #0C0;
border-style:solid solid dashed solid;
</style>
<div class="a"></div> 参考技术B border:dashed 0px #0C0; border-bottom:1px;
改为
border-bottom:1px dashed #0C0 ;
在写样式的时候最好不要有包含与被包含的关系.因为每个浏览器对css的解析不一致,象你上面写的border样式裏面其实就已经包含border-bottom样式了.本回答被提问者采纳
以上是关于怎样用CSS为TBODY定义BORDER和HEIGHT的主要内容，如果未能解决你的问题，请参考以下文章