iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 22
1
Modern Web

我可以修改,所以先亂打系列 第 22

第22天:CSS-表格的邊框與間距

  • 分享至 

  • twitterImage
  •  

如果表格中有儲存格,
可使用以下屬性來控制

empty-cells:
此屬性有以下三種值

show 會顯示所有空白儲存格的邊框
hide 會隱藏所有空白儲存格的邊框
inherit 如果該表格外還有另一表格,會繼承父元素的值

若要控制儲存格之間的間距可使用以下屬性

border-spacing
此屬性可以控制相連儲存格之間的間距

border-collapse: collapse
如果兩個儲存格有使用邊框並靠緊時,
線條會變成原本的兩倍粗,為了避免這個狀況,
可以使用這個屬性疊成單一線框
(此時border-spacing與empty-cells屬性會被忽略)

border-collapse: separate
此為預設值,邊框會分開。


上一篇
第21天:CSS-常用表格屬性
下一篇
第23天:CSS-定位-(上)
系列文
我可以修改,所以先亂打30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言