修改杂志布局下，首页“TAB”三栏显示效果

先来看一下主题首页的TAB三栏默认显示效果：

默认显示效果

感觉这样的效果并不好看，三个面板挤在一起，而右侧却留了好多空白。

修改方法

打开【style.css】文件，找到代码

.tab-hd-con {
    width: 100px;
}

.tab-hd .current {
    width: 100px;
}

将其修改为

.tab-hd-con {
    width: 33.33333333333333333%;
}

.tab-hd .current {
    width: 33.33333333333333333%;
}

同时，将

.tab-hd-con {
    float: left;
    text-align: center;
    cursor: pointer;
    height: 39px;
    border-right: 1px solid #ddd;
}

中的

border-right: 1px solid #ddd;

修改为

border-right: 0;

即可。

修改后的效果：

修改后的效果