今天小編給大家分享一下css中如何設(shè)置表格邊框的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

目前成都創(chuàng)新互聯(lián)公司已為上千多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、福田網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

css表格邊框的設(shè)置方法：1、通過“table{border:1px solid skyblue;}”設(shè)置外邊框；2、通過“td{border:1px solid skyblue;}”設(shè)置單元格邊框。

本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版，DELL G3電腦

可以用border:1px solid skyblue;

1px是邊框像素，solid代表邊框?yàn)閷?shí)邊，skyblue是邊框顏色，如果直接設(shè)置table的話，只是外邊框而已，如：

    
        
        
    
    
        
        
    
11111
111111
11111
111111

css:

table{border:1px solid skyblue;}

效果圖：

設(shè)置單元格邊框的話，可以使其每個(gè)單元格都有邊框，如：

td{border:1px solid skyblue;}

效果圖：

設(shè)置單元格間距為0的樣式為：

table{border-collapse:collapse;}
td{border:1px solid skyblue;}

效果圖：

以上就是“css中如何設(shè)置表格邊框”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。