HTML中的table元素是非常常用的標(biāo)簽,表格由多個(gè)行(tr)和列(td)組成。在設(shè)計(jì)表格的時(shí)候,經(jīng)常需要為tr元素設(shè)置邊框,使表格更加美觀和易于閱讀。
table {
border-collapse: collapse;
}
tr {
border: 1px solid #ccc;
}
要為表格中的每一行(tr)設(shè)置邊框,一種簡(jiǎn)單的方法是使用CSS控制樣式。在CSS中,將table元素的border-collapse屬性設(shè)置為collapse,可以使表格中的單元格共用一個(gè)邊框。而要設(shè)置tr元素的邊框,可以將border屬性設(shè)置為1px solid #ccc,即可創(chuàng)建一個(gè)淺灰色的邊框。
需要注意的是,對(duì)于許多早期的瀏覽器(如IE6和IE7),不支持border-collapse屬性,此時(shí)可以設(shè)置table的border屬性為0,將tr的border屬性設(shè)置為1px solid #ccc來達(dá)到目的。
下一篇eval處理json