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