table --css

<table cellspacing="1"></table>  边框线默认是2

#content table{
  width:80%;
  background:#ccc;---灰色的背景 ,因为只有边框没有被覆盖颜色,所以这里的ccc就是背景的颜色了
}

/*
如果不在table 中写 cellspacing,那么可以这样

#content table{
  width:80%;
  background:#ccc;
  border-collapse:collapse; ---去掉边框
}

#content th ,#content td{
  height:25px;
  line-height:25px;
  text-align:center;
  border:1px solid #ccc; ----然后给th,td加一根线
}

*/
/*
#content tr:hover{
  background:#cc0;  -----注意:这是没用的,因为会被th,td重写,所以效果是没有的
}
*/

#content th ,#content td{
  height:25px;
  line-height:25px;
  text-align:center;
}

#content th{
  background:#eee;  ---淡灰色的th
}
/*
#content td{
  backgground:#fff;  ---白色的td
}因为我们要使得td的那一行变颜色,所以按下面这么做
*/
#content tr{
 background:#fff;
}
#content tr:hover{
  background:#cc0;
}

你可能感兴趣的:(css)