給大家分享一個好看的HTML的表格樣式，這個表格每個格子里都有背景圖，

首先你需要下載倆張圖，

cell-blue.jpg

cell-grey.jpg

命名為cell-blue.jpg和cell-grey.jpg

拷貝下面的代碼到你想要的地方，記得修改圖片url

table.imagetable {

font-family: verdana,arial,sans-serif;

font-size:11px;

color:#333333;

border-width: 1px;

border-color: #999999;

border-collapse: collapse;

}

table.imagetable th {

background:#b5cfd2 url('cell-blue.jpg');

border-width: 1px;

padding: 8px;

border-style: solid;

border-color: #999999;

}

table.imagetable td {

background:#dcddc0 url('cell-grey.jpg');

border-width: 1px;

padding: 8px;

border-style: solid;

border-color: #999999;

}

Info Header 1Info Header 2Info Header 3

Text 1A	Text 1B	Text 1C
Text 2A	Text 2B	Text 2C

需要的朋友可以直接拿去用，更多精彩請關注php中文網其它相關文章！

相關閱讀：

總結

以上是生活随笔為你收集整理的php网页表格样式,HTML的表格样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。