Html标记垂直选项卡与透明背景

时间:2014-04-02 22:29:11

标签: html css html5 css3 tabs

我正在尝试标记标签,如方案

所示

enter image description here

.tab.active {
position: relative;
background-image: url(http://tirabit.flywebstudio.ru/images/black30.png);
color: #f99734;

}
.tab:hover {
background-image: url(http://tirabit.flywebstudio.ru/images/black20.png);
}
.tab.active:hover {
background-image: url(http://tirabit.flywebstudio.ru/images/black30.png);
}

当前版本:http://jsfiddle.net/GrGD9/2/

但是我无法理解,如何使活动标签没有正确的边框。

1 个答案:

答案 0 :(得分:-1)

你可以添加border-right:0;它会脱掉它!

另一种方法是: 边界:1px 1px 1px 0px;