溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了使用css怎么給表格設置邊框，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
css是一種用來表現HTML或XML等文件樣式的計算機語言，主要是用來設計網頁的樣式，使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中，而樣式規則的優先級由css根據這個層次結構決定，從而實現級聯效果，發展至今，css不僅能裝飾網頁，也可以配合各種腳本對于網頁進行格式化。
默認表格是沒有邊框的
<table> <tr> <td>商品</td> <td>價格</td> </tr> <tr> <td>T恤</td> <td>￥100</td> </tr> <tr> <td>牛仔褂</td> <td>￥250</td> </tr> <tr> <td>牛仔庫</td> <td>￥150</td> </tr> </table>
我們可以通過css來給表格添加邊框。
方法1：只對表格table標簽設置邊框
只對table標簽設置border（邊框）樣式，將讓此表格最外層table一個邊框，而表格內部不產生邊框樣式。
語法：
table{
border: 1px solid red;
}效果圖：
方法2：對td設置邊框
對table表格td設置邊框樣式，表格對象內td將實現邊框樣式，但中間部分td會導致出現雙邊框。
語法：
td{
border: 1px solid red;
}效果圖：
如果覺得雙線效果不好看。可以設置：
table {
border-collapse: collapse;
}為表格（table）設置合并邊框模型（合并邊框），效果圖：
上述內容就是使用css怎么給表格設置邊框，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
