我们在是表格table时，可能会遇到怎么画斜线的场景。那么，在vue中怎么在table表格中画斜线？
工具/原料
1
HTML5
2
vue
3
css
4
JavaScript
5
HBuilderX
6
截图工具
7
WPS
8
浏览器
方法/步骤
1
双击打开HBuilderX工具，新建vue项目并安装依赖包
2
在项目指定文件夹下，新建一个vue文件，输入XieLine.vue名称，然后点击创建
3
打开已新建的vue文件，在template标签中，插入一个table标签，并设置对应的class属性
4
在style标签中，利用元素选择器和类选择器，控制表格的样式并绘制单元格斜线
5
打开App.vue文件，导入XieLine组件，然后在界面上引用
6
保存代码并运行vue项目，打开浏览器，输入地址访问界面，可以看到表格单元格出现一个斜线
总结
1、创建vue项目2、新建vue组件3、插入表格元素4、设置表格样式5、导入vue组件6、保存运行项目END
注意事项
1
注意table表格怎么画斜线 css vue
2
注意如何使用svg绘制斜线
上一篇：会议会展服务策划意向书
下一篇：视频会议系统供应商分类有哪些？