首页 > Web开发 > 详细

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

时间:2014-03-08 14:43:55      阅读:381      评论:0      收藏:0      [点我收藏+]

  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>

  

     效果如如下:

 bubuko.com,布布扣

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

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

原文:http://www.cnblogs.com/lyuec/p/3587087.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!