CSS中的table tr線是指在HTML表格中,每一行之間的線,也稱(chēng)為表格橫線。在CSS中,可以通過(guò)指定table tr的樣式來(lái)調(diào)整表格的行線樣式。
table { border-collapse: collapse; } tr { border-bottom: 1px solid black; }
上述代碼中,border-collapse: collapse;
是用來(lái)把表格邊框合并成一個(gè)單一的邊框,使得表格看起來(lái)更加整潔。而tr { border-bottom: 1px solid black; }
則用來(lái)設(shè)置每一行的下邊線為1像素寬的黑色實(shí)線。
除了下邊線,表格行還可以設(shè)置上邊線、左邊線和右邊線。例如:
tr { border-top: 1px solid gray; border-bottom: 1px solid gray; } td { border-left: 1px solid gray; border-right: 1px solid gray; }
上述代碼設(shè)置了表格行的上下邊線為灰色實(shí)線,以及單元格的左右邊線為灰色實(shí)線。這樣可以使得表格的每個(gè)單元格都有清晰的邊界。