css怎么设置td的宽度

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

css怎么设置td的宽度

在css中,可以使用width属性来设置td宽度,只需要给td元素设置“width:宽度值;”样式即可。width属性可以设置元素的宽度,定义的是元素内容区的宽度,不包括填充,边框,或页边距。

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

定义一个tableb表格

<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><table border="1"><tr><th>商品</th><th>价格</th></tr><tr><td>T恤</td><td>¥100</td></tr><tr><td>牛仔褂</td><td>¥250</td></tr><tr><td>牛仔库</td><td>¥150</td></tr></table><br /></body> </html>
登录后复制

如何使用css设置td的宽度?

可以使用width属性来设置td宽度,语法:

td{    width:100px;}
登录后复制

效果图:

(学习视频分享:css视频教程)

说明:

width属性设置元素的宽度。

注意: width属性不包括填充,边框和页边距!

属性值:

值描述auto默认值。浏览器可计算出实际的宽度。length使用 px、cm 等单位定义宽度。%定义基于包含块(父元素)宽度的百分比宽度。inherit规定应该从父元素继承 width 属性的值。

更多编程相关知识,请访问:编程入门!!

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

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

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

作者头像
admin创始人

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

上一篇:微信登录页面是英文怎么改成中文
下一篇:Canvas制作旋转太极的动画

发表评论

关闭广告
关闭广告