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

  CSS代码: 

1
2
3
4
5
6
7
8
9
10
table
  {
    background-color:#c0de98;
    width:500px;
    height:100px;
  }
  td
  {
    background-color:#ffffff;
  }

  

 

  HTML样列: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<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>

  

     效果如如下:

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

css两句话搞定漂亮表格样式,布布扣,bubuko.com

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

上一篇:[xmind] ASP.NET 设计模式 - BLL


下一篇:基于tornado的Rest-WebService框架