具有透明背景的 Html 标记垂直选项卡

标签 html css 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/

但我不明白,如何使事件选项卡没有右边框。

最佳答案

你可以添加 border-right:0;它会把它取下来!

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

关于具有透明背景的 Html 标记垂直选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22824325/

相关文章:

javascript - 抓取最近的前一个 div 的内容

php - 如何在 Woocommerce 中的属性上方的一行中添加自定义文本?

html - 如何使滚动条仅适用于选项卡,而不适用于内容?

javascript - 如何通过脚本更改 CSS 双类属性

python - 如何将行号从 Python traceback 发送到 vim?

html - 如何从内部 html 设置 iframe 样式

javascript - 如何强制运行 swf 文件,而不是下载

jquery - 将 JQuery UI.Resizable() 和 UI.Draggable() 与 iFrame 一起使用时出现问题

html - 在html中并排对齐图像

php - CSS 仅在短暂但明显的延迟后生效