怎样用CSS为TBODY定义BORDER和HEIGHT

html-css017

怎样用CSS为TBODY定义BORDER和HEIGHT,第1张

tbody 不能设置border属性，可以设置height属性，但是height属性的值在IE和FIRFOX下面不统一。

我觉得没必要设置tbody 的这两个样式吧，可以设置table的样式 啊，你看下面的代码：

<html>

<head>

<title>tbody_test</title>

</head>

<style>

table{ border-right:1px solid #009933border-top:1px solid #009933}

table tr td{ border-bottom:1px solid #009933border-left:1px solid #009933padding: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>

这样也可以实现边框的效果啊！

1、设置表格的边框。在CSS中，可以通过border来设置表格或单元格的边框及其边框颜色，例如，下面设置表格为1px的蓝色边框。

2、在table表格里，默认是显示两个边框线的，如果要设置成一条边框，在CSS中需要使用border-collapse设置为collapse，合并为一条边框。

3、CSS设置表格的宽度和高度，使用width宽度和height高度来设置。

4、CSS设置表格的文本水平对齐方式。主要通过text-align来设置，有三个值：居左对齐left，居右对齐right，居中对齐center。

5、CSS设置表格的内边距。主要通过padding来设置，padding值越大，内边距越大，如图设置间距为15像素。

6、如图所示间距设置成功。

1. 表单按钮优先是使用浏览器内置的样式，归入border一类，所以必须清空border才能使用自定义图片。

2. 恐怕是你还没有完全掌握这个规则。

3. 元素水平居中可以用margin: auto， 内容用text-align: center

4. tbody是一种标准的写法，有没有浏览器都可以识别，只不过JS方面会有要求，tbody更符合DOM思想，而且各浏览器对tbody的看法也不同。

5. 网上有很多，实际上都差不多。