表格边框的处理是CSS网页布局中经常会遇到的内容，在webjx.com中也有过相关的介绍，除了将表格作为一个整体进行定义，您也可以将表格边框的四个部分分别进行定义，包括顶部、底部、左边和右边，
用CSS样式描述表格Table边框
。列表B中的代码将刚才的例子中的表格分成四个部分单独定义。<ol><li><span><span><</span><span>html</span><span>></span><span><</span><span>head</span><span>></span><span><</span><span>title</span><span>></span><span>HTML Table</span><span></</span><span>title</span><span>></span><span></</span><span>head</span><span>></span><span></span></span></li><li><span><</span><span>style</span><span></span><span>type</span><span>=</span><span>"text/css"</span><span>></span><span></span></li><li><span>TABLE {</span></li><li><span>background: blue;</span></li><li><span>border-collapse: separate;</span></li><li><span>border-spacing: 10pt;</span></li><li><span>border-top: 15px solid red;</span></li><li><span>border-left: 15px solid red;</span></li><li><span>border-right: 5px dashed black;</span></li><li><span>border-bottom: 10px dashed blue; }</span></li><li><span>TD, TH {</span></li><li><span>background: white;</span></li><li><span>border: outset 5pt;</span></li><li><span>horizontal-align: right; }</span></li><li><span>CAPTION {</span></li><li><span>border: ridge 5pt blue;</span></li><li><span>border-top: ridge 10pt blue; }</span></li><li><span></</span><span>style</span><span>></span><span><</span><span>body</span><span>></span><span></span></li><li><span></span></li><li><span><</span><span>table</span><span></span><span>summary</span><span>=</span><span>"webjx.com - Tables and CSS"</span><span>></span><span></span></li><li><span><</span><span>caption</span><span>></span><span>First Quarter Sales</span><span></</span><span>caption</span><span>></span><span></span></li><li><span><</span><span>thead</span><span>></span><span><</span><span>tr</span><span>></span><span></span></li><li><span><</span><span>thabbr</span><span>thabbr</span><span>=</span><span>"salesperson"</span><span></span><span>scope</span><span>=</span><span>"col"</span><span>></span><span>Person</span><span></</span><span>th</span><span>></span><span></span></li><li><span><</span><span>thabbr</span><span>thabbr</span><span>=</span><span>"sales"</span><span></span><span>scope</span><span>=</span><span>"col"</span><span>></span><span>Sales</span><span></</span><span>th</span><span>></span><span></span></li><li><span></</span><span>tr</span><span>></span><span></</span><span>thead</span><span>></span><span></span></li><li><span><</span><span>tbody</span><span>></span><span><</span><span>tr</span><span>></span><span></span></li><li><span><</span><span>td</span><span>></span><span>Mr. Jin</span><span></</span><span>td</span><span>></span><span></span></li><li><span><</span><span>td</span><span>></span><span>600.00</span><span></</span><span>td</span><span>></span><span></span></li><li><span></</span><span>tr</span><span>></span></li></ol>