Html reddit如何删除当前选项卡底部的边框？

这是一个截图。这可能很琐碎，但我被难住了

---

事实上，没有没有边界-它只是一个你看不到的边界

您有带集成开发工具的浏览器吗？；-）例如，Safari或Chrome在右键单击某个元素时，会在上下文菜单上显示“Inspect element”（检查元素）这一很酷的功能——瞧，这就是解决方案

---

事实上，没有没有边界-它只是一个你看不到的边界

您有带集成开发工具的浏览器吗？；-）例如，Safari或Chrome在右键单击某个元素时，会在上下文菜单上显示“Inspect element”（检查元素）这一很酷的功能——瞧，这就是解决方案

---

这只是选项卡式导航

---

如果你想在你的网站上使用它，需要对它进行定制，在我们看到你的html/css之前，任何答案都是不完整的。

这只是标签导航

---

如果你想在你的网站上使用它，需要对它进行定制，在我们看到你的html/css之前，任何答案都是不完整的。

我的建议是，首先用浏览器开发工具检查一下这些东西&有许多教程都与这类功能相关

我已经为你创建了一个可能对你有帮助的例子。这样写：

ul{
    border-bottom:1px solid red;
}
ul:after{
    content:'';
    clear:both;
    display:block;
}
li{
    float:left;
    height:50px;
    line-height:50px;
    padding:0 10px;
    border:1px solid red;
    margin-bottom:-1px;
}
li.active{
    border-bottom:1px solid #fff;
} 

---

检查这个

我的建议是，首先用浏览器开发工具检查一下&有很多教程都与这类功能相关

我已经为你创建了一个可能对你有帮助的例子。这样写：

ul{
    border-bottom:1px solid red;
}
ul:after{
    content:'';
    clear:both;
    display:block;
}
li{
    float:left;
    height:50px;
    line-height:50px;
    padding:0 10px;
    border:1px solid red;
    margin-bottom:-1px;
}
li.active{
    border-bottom:1px solid #fff;
} 

---

选中此项

您可以通过类似css的方式轻松完成此操作

.tabmenu li.selected a { // this the tab menu item replace it with your tab menu item name
 color: orangeRed;
 background-color: white;
 border: 1px solid #5F99CF;// this is the color of box you need to specify
 border-bottom: 1px solid white;  // this the color of bottom border, in reddit case it is white , you can replace it with what color you have in your website has to look like it is hidden
 z-index: 100;
}

---

希望这对您有所帮助

您可以通过类似css的方式轻松做到这一点

.tabmenu li.selected a { // this the tab menu item replace it with your tab menu item name
 color: orangeRed;
 background-color: white;
 border: 1px solid #5F99CF;// this is the color of box you need to specify
 border-bottom: 1px solid white;  // this the color of bottom border, in reddit case it is white , you can replace it with what color you have in your website has to look like it is hidden
 z-index: 100;
}

希望这对您有所帮助

这个怎么样：

<div style="border-bottom:1px solid black;">
    <div style="float:left;">Tab 1</div>
    <div style="float:left;border:1px solid black;border-bottom:1px solid white;margin-bottom: -1px;">Tab 1</div>
    <div style="float:left;">Tab 1</div>
    <br style="clear:both" />
</div>

表1
表1
表1

长话短说：

边框底部：1px纯白；边缘底部：-1px起作用。
这个怎么样：

<div style="border-bottom:1px solid black;">
    <div style="float:left;">Tab 1</div>
    <div style="float:left;border:1px solid black;border-bottom:1px solid white;margin-bottom: -1px;">Tab 1</div>
    <div style="float:left;">Tab 1</div>
    <br style="clear:both" />
</div>


表1
表1
表1




长话短说：
边框底部：1px纯白；边缘底部：-1px起作用。
谢谢！我尝试了同样的技巧，但是内部元素的边框显示在元素内部，所以文本“hot”有点高，但是边框没有隐藏。。。我遗漏了什么？他们在处理填充物。Tablue li a-也许是这个？贴一个链接到你的工作，我可能会看到问题；-）我会再试一次，然后再汇报。你能详细说明一下吗？我怎么能模仿同样的东西呢？谢谢！我尝试了同样的技巧，但是内部元素的边框显示在元素内部，所以文本“hot”有点高，但是边框没有隐藏。。。我遗漏了什么？他们在处理填充物。Tablue li a-也许是这个？贴一个链接到你的工作，我可能会看到问题；-）我会再试一次，然后再汇报。你能详细说明一下吗？我怎样才能模仿同样的东西呢？我应该补充一点，我想在我的网站上也这样做。举个例子会很理想。我应该补充一点，我想在我的网站上也这样做。最好举个例子。