背景表格,用CSS怎么可以變成細邊框表格,求大神指教
<!doctype html>
<html>
?<head>
? <meta charset="UTF-8">
? <meta name="Generator" content="EditPlus?">
? <meta name="Author" content="">
? <meta name="Keywords" content="">
? <meta name="Description" content="">
? <title>Document</title>
?</head>
?<body>
?<table border="1" cellpadding="10">
? <tr>
<td rowspan="5">表格</td>
<td rowspan="3">表格</td>
<td rowspan="2">表格</td>
<th colspan="3">表格</th>
? ? <td>表格</td>
? </tr>
? <tr>
<td rowspan="2">表格</td>
<th colspan="2">表格</th>
<td>表格</td>
? </tr>
? <tr>
<td>表格</td>
<th colspan="2">表格</th>
<td>表格</td>
? </tr>
? <tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<th colspan="2">表格</th>
? </tr>
? ?<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<th rowspan="2">表格</th>
<th rowspan="2">表格</th>
? </tr>
? ?<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
? </tr>
? ?<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
? </tr>
? </table>
?</body>
</html>
2017-05-26
</style><style type="text/css">?
?table?
{?
border-collapse: collapse;?
}
</style>?
加上這個就好
border-collapse?:?separate(默認)?|?collapse?|?inherit
separate?:?邊框獨立
效果圖:
collapse?:?相鄰邊被合并
效果圖:
inherit:規定應當從父元素持續?border-collapse?屬性的值。
2016-10-27
<style type="text/css">?
table?
{?
border-collapse: collapse;?
border: none;?
width: 200px;?
}?
td?
{?
border: solid #000 1px;?
}?
</style>?