怎么使用CSS屬性border-collapse解決table的邊框問題
小編給大家分享一下怎么使用CSS屬性border-collapse解決table的邊框問題，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站運(yùn)營、企業(yè)網(wǎng)站設(shè)計、蒙自網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
一般我們寫一個表格，就是下面的這種寫法，給表格border，還有你想要的樣式，代碼如下：
HTML部分：
<tableclass="aa">
<thead>
<tr>
<th>序號</th>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>張晗</td>
<td>男</td>
<td>23</td>
</tr>
<tr>
<td>2</td>
<td>陸穎</td>
<td>女</td>
<td>20</td>
</tr>
<tr>
<td>3</td>
<td>郝婷婷</td>
<td>女</td>
<td>19</td>
</tr>
</tbody>
</table>
CSS部分：
.aa{border:1pxsolid#ccc;width:30%;text-align:center;border-collapse:collapse;}
.aath,.aatd{border:1pxsolid#ccc;padding:10px;}
以上是“怎么使用CSS屬性border-collapse解決table的邊框問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
新聞名稱：怎么使用CSS屬性border-collapse解決table的邊框問題
轉(zhuǎn)載來源：http://muchs.cn/article20/ghsdco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、做網(wǎng)站、微信小程序、網(wǎng)站制作、云服務(wù)器、品牌網(wǎng)站制作
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
