码迷,mamicode.com
首页 > Web开发 > 详细

css 一像素边框表格

时间:2017-02-10 20:20:30      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:style   image   com   lang   样式   color   charset   tle   border   

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>

效果如下:

技术分享

css 一像素边框表格

标签:style   image   com   lang   样式   color   charset   tle   border   

原文地址:http://www.cnblogs.com/wu-hou/p/6387513.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!