如何使用CSS3中的属性值inline-table设置表格

时间:2024-10-18 20:03:24

1、第一步,双击打开HBuilder工具,新建一个页面文件,然后修改title标签内容

如何使用CSS3中的属性值inline-table设置表格

2、第二步,在<body></body>标签中,插入一个table标签元素

如何使用CSS3中的属性值inline-table设置表格

3、第三步,在title标签下添加一个style,然后使用table选择器设置边框、字体属性等

如何使用CSS3中的属性值inline-table设置表格

4、第四步,再次使用td元素选择器,设置边框和内边距属性

如何使用CSS3中的属性值inline-table设置表格

5、第五步,保存代码并运行页面文件,打开浏览器,并查看界面显示效果

如何使用CSS3中的属性值inline-table设置表格

6、第六步,返回到HBuilder工具,在table元素选择器添加属性display: inline-table,然后查看表格效果

如何使用CSS3中的属性值inline-table设置表格
© 手抄报圈