html中表格怎么设置固定宽度和高度

html中表格怎么设置固定宽度和高度,第1张

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

td{

width:100px

height:50px}

/*设置单元格宽度100px,高度50px*/

示例如下:

给出html元素

1

2

345

6789

10

11

设置单元格高度和宽度样式

table{border-collapse:collapse}

td{

border:

1px

solid

green

/*边框*/

width:100px

/*单元格宽度*/

height:50px

/*单元格高度*/

text-align:center

/*单元格文字居中对齐*/

具体 *** 作步骤如下:

一、如果要以像素大小静态定死表格的宽度大小,只需定义width属性即可。

二、如果要使表格可以随浏览器变大而变大,变小而变小,那么只需动态设置width属性即可。(表格的高度同1,2)

三、设置表格的背景颜色。图例为整个网页黑色,表格白色。

四、设置表格的背景图片,此时添加图片的url路径,注意如果与网页文件在一个文件夹内就只要写图片名字,如果不在请写全地址。

五、设置表格的边框颜色,设置bordercolor属性。

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 /*单元格文字居中对齐*/

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6101026.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存