首頁  >  文章  >  web前端  >  怎樣對table和td設定背景實作表格邊框

怎樣對table和td設定背景實作表格邊框

php中世界最好的语言
php中世界最好的语言原創
2017-11-20 17:43:463093瀏覽

很多朋友都很苦惱表格樣式怎麼設置,今天就給大家詳細講解一下css表格樣式怎麼設置,之前說過三種方法,只對table設置邊框,對td設定邊框,對table和td技巧性設定表格邊框現在給大家帶來怎樣對table和td設定背景實現表格邊框,希望大家閱讀後有所收穫。

先設定table css背景為紅色

然後設定table單元之間間距為1
使用DW軟體輔助設定table表格單元間距為1,具體DW軟體視覺化操作步驟簡單說明,先(檢視模式)勾選表格後,對應DW軟體編輯視窗底部會「屬性」面板會出現對應table表格屬性設定地方,我們將「間隔」填入「1」。這時候我們會看到table表格標籤裡cellspacing值為「1」(cellspacing="1")。

借助DW軟體設定表格單元之間間距或

直接對f5d188ed2c074f8b944552db028f98a1標籤內cellspacing="1"即可,得到:

設定table td背景為白色

css程式碼:

對應html原始碼:

站名 网址 说明
DIVCSS5 www.divcss5.com CSS学习
CSS5 www.css5.com.cn CSS切图

我們總共歸納了四種方式實作table表格邊框樣式方法,建議使用第三和第四種方法來解決表格邊框樣式。希望我們的方法對大家有幫助且能掌握,平時需要時靈活運用。

相關閱讀:

怎麼對table和td技巧性設定表格邊框


怎樣用CSS對td設定邊框


怎麼用CSS只對表格table的標籤設定邊框

#

以上是怎樣對table和td設定背景實作表格邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:怎樣對table和td技巧性設定表格邊框下一篇:怎樣對table和td技巧性設定表格邊框

相關文章

看更多