html里面表格默认单元格的高度是多少

html-css013

html里面表格默认单元格的高度是多少,第1张

CSS中宽度和高度分别可以通过width和height实现,那么对于单元格的宽度和高度,则可以通过如下样式来设

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属性。