css两句话搞定漂亮表格样式

  CSS代码： 

table
  {
	background-color:#c0de98;
	width:500px;
	height:100px;
  }
  td
  {
	background-color:#ffffff;
  }

　　

 

  HTML样列： 

<html>
<style type="text/css">
  table
  {
	background-color:#c0de98;
	width:500px;
	height:100px;
  }
  td
  {
	background-color:#ffffff;
  } 
 </style>

<body>
<table>
     <tr>
         <td align="center">
             军事
         </td>
         <td align="center">
             历史
         </td>
         <td align="center">
             新闻
         </td>
     </tr>
     <tr>
         <td align="center">
             国际
         </td>
         <td align="center">
             社会
         </td>
         <td align="center">
             娱乐
         </td>
     </tr>
</table>
</body>
<html>

　　

     效果如如下：

　

posted @ 2014-03-07 19:56  不再孤单  阅读(566)  评论(0)    收藏  举报