当前第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宽度的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
Html表单的属性
Html里怎样实现异步上传文件
Html中重要的关键字
Html元素语法介绍
Html文字居中的样式是什么
Html中position有哪些用法？position的用法介绍
javascript与Html的结合方法详解
网页制作步骤是什么
Html中如何将字体加粗
Html怎么禁止另存
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » HTML怎么设置table宽度
