在CSS中,可以使用border-spacing
屬性來實(shí)現(xiàn)tr
上下有空隙的效果。border-spacing
屬性可以指定表格邊框之間的空間大小,包括水平和垂直兩個(gè)方向。
以下CSS代碼可以實(shí)現(xiàn)tr
上下有空隙的效果:
table { border-spacing: 0 10px; /* 水平和垂直空間分別為0和10像素 */ }
在上面的代碼中,border-spacing
屬性的***個(gè)值指定了水平空間的大小,第二個(gè)值指定了垂直空間的大小,通過設(shè)置第二個(gè)值為一個(gè)正數(shù),可以讓tr
上下有空隙。
還可以使用padding
屬性來增加tr
內(nèi)部的空白區(qū)域,以下CSS代碼可以增加tr
上下左右的空白區(qū)域:
table { padding: 10px; /* 上下左右空白區(qū)域都為10像素 */ }
在上面的代碼中,padding
屬性的值指定了上下左右空白區(qū)域的大小,通過設(shè)置該值為一個(gè)正數(shù),可以讓tr
內(nèi)部有更多的空白區(qū)域。
需要注意的是,在使用border-spacing
和padding
屬性時(shí),應(yīng)該根據(jù)實(shí)際情況進(jìn)行調(diào)整,以確保表格的排版效果符合需求。