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">
table设置内边框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>
效果如下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论