grid網格佈局之骰子案例

上次用的flex佈局做的骰子,這次用grid網格佈局來做。 點數1—5用3行3列的網格,點數6用3行2列的網格就ok啦 html: css:點數1—5的網格結構都是3行3列的 (紅框中的結構相同),再利用grid-area找到指定的位置即可 點數1: 點數2: 點數3: 點數4: 點數5: 點數6:3*2的網格 運行結果:
相關文章
相關標籤/搜索