HTML怎么设置table宽度

HTML设置table宽度的方法：1、直接使用table标签的width属性，语法“<table width=”数值”>”；2、在table标签中使用style属性，添加“width:} Z P i C n P宽度值;”样式。

本教程操作环境：win– q G _ A = ?dows7系统、CSS3I o 6 6 R B&&HTML5版、Dell G3电脑。

给table标签使用border属性添加边框后，默认宽度有里面的内容决定：

<table bor= o N _ ? xder="1">
<tr>
<td>商品</td>
<td>价格</td>
</tr>
<tr>
<td>T恤</td>
<td>￥100</td>
&l! ] m l 7 = :t;/tr>
<tr&gf z B q ~ mt;
<tc p - F dd>牛仔褂</td>
<td>￥250</td>
</tr>
<tr>
<td>牛仔库</td>
<td>￥150</td>
</tr>
</taj I 7 ! dble>

效果图：

那么怎么设置table宽度？

方法1：使用table标签的width属性

<table border="1" width="200"&g3 = - 2 . ! u .t;
<tr>
<td>商品</td>
<td>价格</td>
<s N ~ ? g 7/tr>
<tr>
<td>T恤</t? \ K ^ } Hd>
<td>￥100</td>
</tr>
<tr>
<td>牛仔褂</td>
<td&3 V w I # x x 6gt;￥250<? v d 5/td>
</tr>
<tr>
<td* W w L P>牛仔库</td>
<td>￥150</td7 d +>6 b E ? * 2 K
</tr>
</tablR + o 6 he>

效果u & G \ w Y f ( w图：

方法– O y Q \ c2* } p：使用style属性，添加“wU b X { W ~ aidth:宽度值;”样式

<table bO j Eorder="1">
<tr>
<td>商品, # 4</td>
<td>价格</td>
</tr>
<tr>
<td>T恤</td>
<td>￥100</td>
</tr>
&a N r J A s Ult;tr>
<td>牛仔褂</td>
<td>￥250</td>
</tr>
<tr>
<td>牛仔库</td>
<td>￥150</td>
</tr>
</table>

效果图：

（学习视频分M 7 Y –享：css视频教程、《html视频教程》）

以上就是HTML怎么设置table宽度的详细内容，更多请关注php中文网其它相关文章！

声明：F Z m ; r C a a j本文原创k q s | w 7发布php中文w t H R ` 6 $ K网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理

町子门户普通用户

收藏 海报分享