0

How can the html code be modified below so as to get rid or hide the bottom border from the active and/or selected tab? I can't seem to figure this out and it doesn't make any sense to me.

<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>

Here is the fiddle: http://jsfiddle.net/EnfxC/

4

1 に答える 1

0

下の境界線を非表示にする場合は、css でコードを記述できます (このために別のクラスを追加します) bottom-border:none !important;

HTMLコードを教えてください...それなら私はあなたを助けることができます

于 2013-02-05T02:47:46.313 に答える