0

7 つのメニュー項目を持つ水平メニューがあります。メニューは 1 つのテーブルで、1 つの行に 7 つのセルがあります。

セルの右枠は明るい色です。セルの左枠は暗い色です。

私が今欲しいのは、セル 1 の右枠がセル 2 の左枠の右にあることです。次に、(セル 2 の) 暗い境界線が左になり、(セル 1 の) 明るい境界線が右になります。

問題: margin-left:-2%;動かない! そしてmargin-right:-2%;そうではありません！そしてそうではleftありrightません、そしてピクセルはそうではありません！セルをオーバーラップさせるにはどうすればよいですか、なぜこれらが機能しないのですか

4

2 に答える 2

0

セルは確実にオーバーラップできません。ただし、順序を少し変更できます。

効果が変わらないように、奇数セルには明るい境界線を、偶数セルには暗い境界線を付けることができます。

それが役立つことを願っています。

于 2013-08-09T11:04:57.453 に答える
0

表のセルが重なることはないと思います。より良い解決策は、テーブルではなくリストを使用することです (これはとにかく行うべきことです)。次に、li 要素のスタイルを設定できます。

例えば

HTML

<ul>
  <li>First menu item</li>
  <li>Second menu item</li>
  <li>Third menu item</li>
</ul>

CSS

li { 
  border-left: 1px solid #333;
  border-right: 1px solid #CCC; }

li:first-child { border-left: none; }
li:last-child { border-right: none; }
于 2013-08-09T11:06:48.523 に答える