在網(wǎng)頁設(shè)計中,制表是一項非常重要的任務(wù)。可以通過CSS創(chuàng)建數(shù)據(jù)表,這在很多業(yè)務(wù)場景中非常有用。其中,使用DW div CSS制表是一種比較簡單易懂的方法。
首先,需要定義一個類為“dwtable”的div。這個div將會包含整個表格。之后,為每個表格行(tr)定義一個類為“dwtr”的div。在每個dwtr中,定義一個div為“dwtd”,指定表格單元格的寬度和內(nèi)容。最后,通過CSS樣式設(shè)置顏色、字體、邊框等屬性,即可實現(xiàn)自己想要的數(shù)據(jù)表。
.dwtable {
width: 100%;
}
.dwtr {
width: 100%;
display: table-row;
}
.dwtd {
display: table-cell;
border: 1px solid black;
text-align: center;
font-size: 14px;
padding: 5px;
background-color: #EEE;
width: 10%;
}
上面的CSS代碼中,“dwtable”的寬度被設(shè)置為100%。每個“dwtr”都被定義為表格中的一行,并且寬度為100%。每個“dwtd”都是一個表格單元格,使用CSS中的“table-cell”特性進行定義。同時,邊框、字體、背景顏色等屬性都被設(shè)定了合適的值。
使用DW div CSS制表的方法,可以方便地創(chuàng)建數(shù)據(jù)表,并對其中各個元素屬性做出更改。同時,其靈活性也非常高,通過修改CSS樣式,可以輕松更改表格的樣子、寬度等屬性。在實際的網(wǎng)站開發(fā)中,使用DW div CSS制表是一種非常優(yōu)秀的選擇。
上一篇dw2018使用css
下一篇css里面的.