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属性。
你说的5,不知道是什么单位?可以用px像素来调整
HTML <td>标签的 height 属性
<html>
<body>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td height="100px">January</td>
<td height="100px">$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
<p>在 HTML 4.01 中,不赞成使用 td 元素的 height 属性;在 XHTML 1.0 Strict DTD 中,不支持 td 元素的 height 属性。</p>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)