HTML设置table宽度的方法:1、直接使用table标签的width属性,语法“”;2、在table标签中使用style属性,添加“width:宽度值;”样式。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
给table标签使用border属性添加边框后,默认宽度有里面的内容决定:
| 商品 | 价格 |
| T恤 | ¥100 |
| 牛仔褂 | ¥250 |
| 牛仔库 | ¥150 |
效果图:

立即学习“前端免费学习笔记(深入)”;
那么怎么设置table宽度?
方法1:使用table标签的width属性
| 商品 | 价格 |
| T恤 | ¥100 |
| 牛仔褂 | ¥250 |
| 牛仔库 | ¥150 |
效果图:

方法2:使用style属性,添加“width:宽度值;”样式
| 商品 | 价格 |
| T恤 | ¥100 |
| 牛仔褂 | ¥250 |
| 牛仔库 | ¥150 |
效果图:












