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处理
原创文章，作者：町子门户，如若转载，请注明出处：https://www.6fzz.com/12117.html
