css 一像素边框表格

weixin_30414635

于 2017-02-10 18:07:00 发布

阅读量315

点赞数

原文链接：http://www.cnblogs.com/wu-hou/p/6387513.html

版权

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>