对table设置样式

通过对应table父级样式命名指定对象内table样式

<!DOCTYPE html> 
<html  ns=\"http://www.w3.org/1999/xhtml\"> 
<head> 
<  charset=\"utf-8\" /> 
< >指定对象内table设置样式</ > 
<style> 
.manongjc{ width:400px} 
.manongjc table{ background:#CCC; color:#F00} 
.manongjc table td{ background:#FFF} 
</style> 
</head> 
<body> 
<div class=\"manongjc\"> 
<table width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\"> 
<tr> 
<td>内容一</td> 
<td>内容一</td> 
<td>内容一</td> 
</tr> 
<tr> 
<td>内容二</td> 
<td>内容</td> 
<td>内容</td> 
</tr> 
</table> 
</div> 
</body> 
</html> 

复制此代码到这里运行一下

以上通过父级指定table和td进行CSS样式设置。

收藏 打印