1、双击打开微信小程序开发工具,创建对应的14$nDg.TgjzD2OywXPv$Kz@^A界面,然后插入多个view元素并添加class属性,如下图图:2、没有给7X2CH^这些视图样式,然后保存代码预览效果,结果从上到下出现小程序展示文章,如下图: Bee9%#dsLqw&vAziu3、在对应的wxss文件,设置表格表头和表体的样式,如下图dAQPZZy3BY0B3E5s:4、再次保存代码,在模拟器中预览效果,发现表格形成了
1、双击打开微信小程序开发工具,创建对应的14$nDg.TgjzD2OywXPv$Kz@^A界面,然后插入多个view元素并添加class属性,如下图图:
2、我没有把这些视图样式给7X2CH^,然后保存代码预览效果,结果从上到下排列,如下图:
Bee9%#dsLqw&vAziu3、在对应的wxss文件中,设置表头和表体的样式,如下图dAQPZZy3BY0B3E5s所示:
4、再次保存代码,在模拟器中预览效果,发现形成了一个表格小程序展示文章,如下图CWEMW14Y所示。
5、为th td添加一个border-bottom属性NBZ5v,并设置下边框属性,如下图Ec9rJ&rQEc:
6、fgkLa%;vf9m.YBD$的结果发现最后一行的底部BB^;.0HOlgXE9Akw*2c边框有点粗,因为table和td设置了边框,也就是粗体,如下图所示:
hH%L@M;nSRepguTKCiph%4