easyui怎么添加按钮（EasyUI中的Tabs样式美化修改）
easyui怎么添加按钮（EasyUI中的Tabs样式美化修改）先看tab选项卡间距的问题确定了要修改的内容，我们找下源码来看一下原效果新效果第二部分是边框，原效果中，每个tab都有自己的边框，而新版效果图中去掉了边框
由于系统中使用的EasyUITabs选项卡控件样式比较老旧，最近在系统更新中，想做一下优化，美工给出了设计图，我这边需要根据设计图做代码的优化改造，咱们先看一下原版的效果
再来一个美工做出的效果图
把原效果和新版的设计图做了下对比，主要有两部分需要修改
第一部分是Tab选项卡之间的间距空间，原版中每个tab选项卡中间都会有一个间距，而新版设计图中，这个间距取消掉了
原效果
新效果
第二部分是边框，原效果中，每个tab都有自己的边框，而新版效果图中去掉了边框
确定了要修改的内容，我们找下源码来看一下
先看tab选项卡间距的问题
从检查代码中，我们可以看到，EasyUI Tabs的每个选项卡都是一个li标签，从样式表中我们可以看到，每个li标签都有一个margin属性，我们把这个margin属性的边距改成0，边距的问题应该就可以消失了
看这个效果，我们的思路是正确的，那么我们找到easyui的样式表文件，把这个属性改一下
大概就在easyui样式表的877行左右，找到margin属性，把右侧边距改成0px即可
这样，边距的问题我们就解决了
那么我们再来看看边框的问题
我们还是来检查代码，看一下tab选项卡的样式表属性
这个时候我们会看到这么一段代码，这个边框的属性是在html代码中，并不在样式表文件中，这个时候，我们就需要找到生成tab的js中，在js中找到这段代码，我们打开EasyUI的js文件，找到初始化tab的地方
大概在6090行左右，我们把border的属性去掉即可
这样我们的边框的问题也解决了
这就是我们的一个整体效果
