css中設置表格邊框的方法

這篇文章主要介紹css中設置表格邊框的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：申請域名、虛擬空間、營銷軟件、網(wǎng)站建設、靖江網(wǎng)站維護、網(wǎng)站推廣。

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

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

可以用border:1px solid skyblue;

1px是邊框像素，solid代表邊框為實邊，skyblue是邊框顏色，如果直接設置table的話，只是外邊框而已，如：

    
        
        
    
    
        
        
    
11111
111111
11111
111111

css:

table{border:1px solid skyblue;}

效果圖：

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

td{border:1px solid skyblue;}

效果圖：

設置單元格間距為0的樣式為：

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

效果圖：

以上是“css中設置表格邊框的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：css中設置表格邊框的方法
標題鏈接：http://m.jiaotiyi.com/article/ggdsjp.html