温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-08-28 25 次阅读

html表格怎么设置行高

   

html表格设置行高的方法 1. 给tr或td元素设置height属性,语法“<tr height=行高值>”; 2. 利用style属性给tr或td元素添加height样式,语法“<tr>”。

本教程操作环境windows7系统、html5版、dell g3电脑。

我们有下面一个表格

<table border=1><tr><th>商品</th><th>价格</th></tr><tr><td>t恤</td><td>¥100</td></tr><tr><td>牛仔褂</td><td>¥250</td></tr><tr><td>牛仔库</td><td>¥150</td></tr></table>

怎么设置这个表格的行高?

1. 通过给tr或td元素设置height属性

<table border=1><tr><th>商品</th><th>价格</th></tr><tr height=100><td>t恤</td><td>¥100</td></tr><tr><td height=50>牛仔褂</td><td>¥250</td></tr><tr><td>牛仔库</td><td>¥150</td></tr></table>

2. 利用style属性给tr或td元素添加height样式

<table border=1><tr><th>商品</th><th>价格</th></tr><tr><td>t恤</td><td>¥100</td></tr><tr><td>牛仔褂</td><td>¥250</td></tr><tr><td>牛仔库</td><td>¥150</td></tr></table>

相关推荐《html视频教程》