CSS屬性 table 的 border-collapse 邊框合并

來源:互聯網
上載者:User
說明

該CSS屬性用來設定表格的行和列的邊框是合并成單邊框,還是分別有各自的邊框

separate 預設值。邊框分開,不合并。
collapse 邊框合并。即如果相鄰,則共用同一個邊框。

雖然在DIV+CSS 時代 table 的權重越來越低,但是有時候,還是局部地方table 還是挺好用的

特別是製表方面,還是table 比較的方便。
當然,製表肯定少不了邊框,但是如果你直接在td上加邊框,就會出現一種情況,table 的外圍一周是單線,裡面都是雙線。

你也可以通過其他分開設定的方法實現全部單線,但是這兒有一個最最簡單的方法,CSS 裡提供了 border-collapse 屬性可以控制相連邊框的合并還是分離

CSS代碼

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.