如何用css控制table的边框宽度和边框颜色?
第一个代码可以正常得到1px边框宽度的表格,而第二个却不行,
第二个与第一个的区别仅仅是把<table> 中的 border="1" bordercolor="#666666"
拿出来放到css里,变为:
border-width:1px;
border-color:#666666;
请问解决这个问题? 3Q
正常效果的代码:
-------------------------------------
<html>
<head>
<title>cheyo.YTHT.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.unnamed6 {
margin: 0px;
padding: 0px;
width: 100%;
border-collapse: collapse;
}
-->
</style>
</head>
<body>
<div align="center">
<p> </p>
</div>
<table border="1" bordercolor="#666666" class="unnamed6">
<tr><td>序号</td><td>状态</td><td>作者</td><td>日期</td></tr>
<tr><td>984</td><td></td>
<td><a href=aaa>aaa</a></td><td><nobr>May 3 11:41</td>
<tr><td>985</td><td></td>
<td><a href=aa>aaaa</a></td><td>May 3 11:41</td>
</table>
</body>
</html>
------------------------------
不正常效果的代码:
------------------------------
<html>
<head>
<title>cheyo.YTHT.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.unnamed6 {
margin: 0px;
padding: 0px;
width: 100%;
border-collapse: collapse;
border-width:1px;
border-color:#666666;
}
-->
</style>
</head>
<body>
<div align="center">
<p> </p>
</div>
<table class="unnamed6">
<tr><td>序号</td><td>状态</td><td>作者</td><td>日期</td></tr>
<tr><td>984</td><td></td>
<td><a href=aaa>aaa</a></td><td><nobr>May 3 11:41</td>
<tr><td>985</td><td></td>
<td><a href=aa>aaaa</a></td><td>May 3 11:41</td>
</table>
</body>
</html>
-----------------------------
问题点数:50、回复次数:6Top
1 楼huazhen9606()回复于 2004-05-04 09:29:39 得分 0
怎麼跑到這裡來哪,轉貼吧Top
2 楼ice_berg16(寻梦的稻草人)回复于 2004-05-04 14:11:37 得分 5
.unnamed6 {
margin: 0px;
padding: 0px;
width: 100%;
border:1px solid #666666
}
Top
3 楼cheyo(我爱这世界!)回复于 2004-05-04 14:26:49 得分 0
不行Top
4 楼52juanjuan(Fibona)回复于 2004-05-04 19:26:04 得分 10
borderColor='blue'
borderWidth='0.5cm'
这样行不行Top
5 楼52juanjuan(Fibona)回复于 2004-05-04 19:27:14 得分 0
脚本代码如下是可行的
this.style.borderWidth='0.5cm';
this.style.borderColor='blue';
this.style.borderStyle='solid'">Top
6 楼vsftpd(FireBird)回复于 2004-05-12 07:56:57 得分 35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>css控制table</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.table_Whole {
width: 400px;
border-collapse: collapse;
}
.table_Whole td{
background-color: white;
border: 1px solid #63AE08;
}
-->
</style>
</head>
<body>
<table class="table_Whole">
<tr>
<td>fffffffffffg</td>
<td>gggggggggg</td>
<td>gggggfsdg</td>
</tr>
<tr>
<td>sdfgdfgdfg</td>
<td>gsdfgsdfg</td>
<td>gsdfgfdgdfsg</td>
</tr>
<tr>
<td>gdfsgdfgdfg</td>
<td>ggsdfgdfg</td>
<td>sgsdfgdfs</td>
</tr>
</table>
<p> </p>
</body>
</html>
Top




