HTML怎么设置table宽度


当前第2页 返回上一页

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<table border="1" width="200">

    <tr>

        <td>商品</td>

        <td>价格</td>

    </tr>

    <tr>

        <td>T恤</td>

        <td>¥100</td>

    </tr>

    <tr>

        <td>牛仔褂</td>

        <td>¥250</td>

    </tr>

    <tr>

        <td>牛仔库</td>

        <td>¥150</td>

    </tr>

</table>

效果图:

2.png

方法2:使用style属性,添加“width:宽度值;”样式

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<table border="1" style="width: 250px;">

    <tr>

        <td>商品</td>

        <td>价格</td>

    </tr>

    <tr>

        <td>T恤</td>

        <td>¥100</td>

    </tr>

    <tr>

        <td>牛仔褂</td>

        <td>¥250</td>

    </tr>

    <tr>

        <td>牛仔库</td>

        <td>¥150</td>

    </tr>

</table>

效果图:

3.png

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

以上就是HTML怎么设置table宽度的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

htm和Html是什么

Html的<Html> 标签

Html怎么设置不缓存

Html成对标记有哪些

Html怎么输入多行文字

Html中如何设置单选按钮

优化Html的输入框提高用户体验和易用度的方法

css需要什么环境

Html中如何加下划线?Html<u>标签添加下划线的用法实例

Html怎么移动图片

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...