css 一像素边框表格

1表格一像素边框

有三要素:1<table border=0>  2table的样式设置border-collapse:collapse;  3 td的样式设置border:#ccc solid 1px;

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         table{
 8             border-collapse: collapse;
 9         }
10         td{
11             width: 200px;
12             height:32px;
13             border:#ccc solid 1px;
14         }
15     </style>
16 </head>
17 <body>
18 <table border=0  id="aqi-table">
19 
20     <tr>
21         <td>1</td>
22         <td>2</td>
23         <td>3</td>
24     </tr>
25     <tr>
26         <td>1</td>
27         <td>2</td>
28         <td>3</td>
29     </tr>
30     <tr>
31         <td>1</td>
32         <td>2</td>
33         <td>3</td>
34     </tr>
35 </table>
36 </body>
37 </html>

效果如下:

posted @ 2017-02-10 18:07  武侯668  阅读(1426)  评论(0编辑  收藏  举报