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

浏览数：18 / 时间：2015年06月09日

  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两句话搞定漂亮表格样式,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： http it color class string html 代码 blog 表 la tr http it color class string html 代码 blog 表 la tr

相关文章

随机文章

您可能还喜欢

您可能还喜欢