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>

效果图:

1.png

那么怎么设置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图:

2.png

方法– 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>

效果图:

3.png

(学习视频分M 7 Y –享:css视频教程、《html视频教程》)

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

php中文网最新课程二维码

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

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注