当前第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元素结构有哪些
js怎么去掉Html标签
Html是网页文件吗
如何使用css设计出一个表单页面（附示例）
Html编辑软件有哪些
浅谈网页中提升svg文件可访问性的几种方法
Html文档由哪几部分组成
Html标签失效怎么办
手把手教你使用css给Html字体添加边框效果（代码分享）
Html中如何美化展示json格式数据
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » HTML怎么设置table宽度
