从活动选项卡中删除底部边框

时间:2013-02-05 02:15:38

标签: css css3

如何在下面修改html代码,以便从活动和/或选定的标签中删除或隐藏底部边框?我似乎无法解决这个问题,这对我没有任何意义。

<style type="text/css">
      ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
      ul#tabs li { display: inline; }
      ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
      ul#tabs li a:hover { background-color: #f1f0ee; }
      ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.3em 0.3em 0.38em 0.3em; }
      div.tabContent { width: 1000px; border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
      div.tabContent.hide { display: none; }
    </style>

这是小提琴:http://jsfiddle.net/EnfxC/

1 个答案:

答案 0 :(得分:0)

如果你想隐藏底部边框,那么你可以在css中编写代码:(为此添加另一个类) bottom-border:none!important;

请告诉我html代码...然后我可以帮助你