html td怎么设置宽度

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

html td怎么设置宽度

html td设置宽度的方法:1、直接使用td标签的width属性,语法格式“<td width="宽度值"></td>”;2、在td标签中使用style属性,添加“width:宽度值;”样式。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

1、直接使用td标签的width属性

width 属性规定表格单元格的宽度。

通常,单元格占用的空间就是它显示内容需要的空间。width 属性用于为单元格设置预定义的宽度。

示例:

<table border="1"><tr><td width="100">商品</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、使用style属性,添加“width:宽度值;”样式

style 属性规定元素的行内样式。

示例:

<table border="1"><tr><td>商品</td><td style="width: 100px;">价格</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>
登录后复制

效果图:

推荐教程:《html视频教程》

以上就是html td怎么设置宽度的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:css怎么让div居中
下一篇:Module模块化编程的优点(总结分享)

发表评论

关闭广告
关闭广告