溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
如何使用css border-collapse屬性？相信很多人對css border-collapse屬性的了解處于一知半解狀態，小編給大家總結了以下內容。如下資料是關于css border-collapse屬性的內容。
border-collapse屬性是用于表格元素的, 可以用來設置表格的兩邊框合并為一個單一的邊框。所有主流瀏覽器都支持 border-collapse 屬性。
css border-collapse屬性怎么用？
border-collapse 屬性設置表格的邊框是否被合并為一個單一的邊框，還是像在標準的 HTML 中那樣分開顯示。
語法：
border-collapse: separate|collapse|inherit;
屬性值：
● separate：默認值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性。
● collapse：如果可能，邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。
● inherit：規定應該從父元素繼承 border-collapse 屬性的值。
注釋：所有主流瀏覽器都支持 border-collapse 屬性。任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。如果沒有規定 !DOCTYPE，則 border-collapse 可能產生意想不到的結果。
css border-collapse屬性 示例
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
table{
border-collapse:collapse;
}
table, td, th{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td>Bill</td>
<td>20</td>
</tr>
<tr>
<td>Steven</td>
<td>25</td>
</tr>
</table>
</body>
</html>效果圖：
關于css border-collapse屬性使用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果喜歡這篇文章，不如把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
