可以使用css对行元素tr设置样式.对tr设置样式,在没有限定的情况下,会对所有表格的行元素设置样式.
1.首先确定表格的id 如:#table { border:#30C 1px;border-style: solid;height:30px; margin-top:-1px; background:#03F}
给个实例 <!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"
只设置表格第一行的样式,可以使用选择器.在css里面这样写 th:nth-child(1){样式}
下面来个例子,你可以复制到你的编辑器里修改测试<style type="text/css"> table.gridtable {}{ font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; } table.
可以使用jquery来实现 例如 $("table tr:odd").css("background","#fff");或者使用css3,例如table tr:2n{background:#fff;}
专门用CSS给table第一列加一个样式就可以,可以给table第一列加一个class或者ID
利用CSS的继承原理.给新的table单独命名一个class,这样可以把这个table独立出来,对它进行样式布局.虽然你的table是二级嵌套关系,但是这并不影响CSS对它的控制.若不行,肯定是在CSS的继承关系的书写上出错,要仔细哦~
CSS里用一个样式把表格里所有文字都放中间,首先需要理解父级元素的概念,要让所有的表格文字都居中,那么CSS的文字居中属性,自然就要给table,然后通过text-align:center这个属性,就能够所有的文字居中,请看代码:<html> <head> <style> table{ //通过class来设置 width:300px; height:200px; text-align:center; } </style> </head> <body> <table> <tr> <td>我是测试文字</td> </tr> </table> </body></html>
.td{ line-height: 10px;/**数字调整行距**/ } 然后在要用到的表格加上class="td"