How does CSS implement this border?

how to achieve the above effect? As long as the dividing line in the middle, not the border around

Mar.09,2021

use the pseudo-class selector, or directly set the four boxes on the lower right in the first row, and then set the border on the bottom three rows, which should be able to achieve the requirements, that is, compare redundancy


if you are sure that you are in a row of four, it is very simple. The problem is that you have to first make it clear whether the four in a row of your layout will change. Finally, I suggest writing, tr td p:nth-child (n) in table. It should be good to write about this


rule:
all lines tr boxes are marked with border-bottom , last-child border none
all small boxes td write border-right , last-child < / code

Menu