正確給table加邊框

該文章解決用table標簽畫表格時,用border屬性產生的表格重合線加粗的問題。

css部分:

table,table tr th, table tr td {
      border:1px solid #a8aeb2;
      padding: 5px 10px;
}
table {
      min-height: 25px;
      line-height: 25px;
      text-align: center;
      border-collapse: collapse;
} 
image.gif

html部分:

<table>
        <tr>
            <th>姓名</th>
            <th>性別</th>
            <th>住址</th>
            <th>電話</th>
        </tr>
        <tbody>
            <tr>
                <td>張三</td>
                <td>男</td>
                <td>深圳龍崗區(qū)</td>
                <td>131313131313</td>
            </tr>
            <tr>
                <td>張三</td>
                <td>男</td>
                <td>深圳龍崗區(qū)</td>
                <td>131313131313</td>
            </tr>
        </tbody>
    </table>
image.gif

效果圖如下:

image
image.gif

?

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容