如何对整个表格包括里面的单元格应用CSS阿?具体内详

来源:百度知道 编辑:UC知道 时间:2024/05/03 01:04:45
我的某一个CSS是控制表格border属性的,让它变成细单实线,我选中整个表格(table)点击该CSS之后发现只是整个表格的外框变成了那种效果,里面的单元格丝毫没有变化,请教大家应该怎样让里面所有的单元格也跟着发生变化啊?

代码如下:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.tableborder {
border: 1px solid #0000FF;
}
-->
</style>
</head>

<body>
<table width="200" border="0" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td&

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.ca {
border: 1px solid #000000;
}
.ca2 {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
.ca3 {