当前第2页 返回上一页
方法1:使用table标签的width属性
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | < table border = "1" width = "200" >
< tr >
< td >商品</ td >
< td >价格</ td >
</ tr >
< tr >
< td >T恤</ td >
< td >¥100</ td >
</ tr >
< tr >
< td >牛仔褂</ td >
< td >¥250</ td >
</ tr >
< tr >
< td >牛仔库</ td >
< td >¥150</ td >
</ tr >
</ table >
|
效果图:

方法2:使用style属性,添加“width:宽度值;”样式
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | < table border = "1" style = "width: 250px;" >
< tr >
< td >商品</ td >
< td >价格</ td >
</ tr >
< tr >
< td >T恤</ td >
< td >¥100</ td >
</ tr >
< tr >
< td >牛仔褂</ td >
< td >¥250</ td >
</ tr >
< tr >
< td >牛仔库</ td >
< td >¥150</ td >
</ tr >
</ table >
|
效果图:

(学习视频分享:css视频教程、《html视频教程》)
以上就是HTML怎么设置table宽度的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
htm和Html是什么
Html的<Html> 标签
Html怎么设置不缓存
Html成对标记有哪些
Html怎么输入多行文字
在Html中如何设置单选按钮
优化Html的输入框提高用户体验和易用度的方法
css需要什么环境
Html中如何加下划线?Html<u>标签添加下划线的用法实例
Html怎么移动图片
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML怎么设置table宽度