CSS 中的 rowspan 可以用來(lái)控制表格中單元格所占的行數(shù)。
在 HTML 中,我們可以使用 colspan 屬性來(lái)控制單元格所占的列數(shù),而 rowspan 則是用來(lái)控制單元格所占的行數(shù)。如果一個(gè)單元格需要跨越兩行,我們可以將該單元格的 rowspan 屬性設(shè)置為 "2",這樣該單元格就會(huì)橫跨兩行。如下所示:
在 CSS 中,我們可以使用屬性選擇器來(lái)控制具有特定 rowspan 值的單元格。比如我們可以這樣設(shè)置:
跨越兩行 | 第一行第一列 | 第一行第二列 |
第二行第一列 | 第二行第二列 |
td[rowspan="2"] { background-color: yellow; }這樣就會(huì)使所有 rowspan 值為 2 的單元格背景顏色變?yōu)?yellow。 在實(shí)際應(yīng)用中,我們可能會(huì)遇到一些復(fù)雜的表格結(jié)構(gòu),而使用 rowspan 可以幫助我們更好地控制表格布局,達(dá)到更好的呈現(xiàn)效果。
上一篇css中source