利用css完成表格的代码,css 表格(示例代码)

1.给元素的display属性添加为以下值

table使该元素按table样式渲染

table-row使该元素按tr样式渲染

table-cell使该元素按td样式渲染

table-row-group使该元素按tbody样式渲染

table-header-group使该元素按thead样式渲染

table-footer-group使该元素按tfoot样式渲染

table-caption使该元素按caption样式渲染

table-column使该元素按col样式渲染

table-column-group使该元素按colgroup样式渲染

2.实现简单的三列布局

css html

.container{display:table;

}.row{display:table-row;

}.cell{display:table-cell;width:100px;height:100px;border:1px solid blue;padding:1em;

}

CELL A