td{ width:100pxheight:50px} /*设置单元格宽度100px,高度50px*/
示例如下:
给出HTML元素
<table>
<tr><td>1</td><td>2</td><td>345</td></tr>
<tr><td>6789</td><td>10</td><td>11</td></tr>
</table>
设置单元格高度和宽度样式
table{border-collapse:collapse}
td{
border: 1px solid green/*边框*/
width:100px/*单元格宽度*/
height:50px/*单元格高度*/
text-align:center /*单元格文字居中对齐*/
}
具体操作步骤如下:一、如果要以像素大小静态定死表格的宽度大小,只需定义width属性即可。
二、如果要使表格可以随浏览器变大而变大,变小而变小,那么只需动态设置width属性即可。(表格的高度同1,2)
三、设置表格的背景颜色。图例为整个网页黑色,表格白色。
四、设置表格的背景图片,此时添加图片的url路径,注意如果与网页文件在一个文件夹内就只要写图片名字,如果不在请写全地址。
五、设置表格的边框颜色,设置bordercolor属性。