工具
WebStormNode.js浏览器技术
expresspug在Node.js项目中,如果项目使用Pug模板引擎,想要新建一个表格,该怎么实现?单个表格没有加样式属性,如何设置表格样式?下面利用实例说明:
操作步骤:
1、在已创建好的Node.js项目中,views文件夹上,鼠标右键新建Pug文件;输入文件名称,点击OK
新建Pug文件2、打开文件,导入layout模板;然后添加模块内容,插入表格元素
添加模块内容,插入表格元素3、打开路由JS文件,配置表格页面路由
打开路由JS文件,配置表格页面路由4、启动项目,打开浏览器,查看表格效果
启动项目,打开浏览器,查看表格效果5、在表格对应的元素标签上,添加样式style,设置样式属性
添加样式style,设置样式属性6、保存代码并刷新浏览器,结果发现表格样式发生改变
刷新浏览器,查看表格样式7、为了简化样式写法,将样式写在css文件中
简化样式