1

境界線を配置したいのですが、うまくいきません。これはCSSです：

.menu-container {
    border-top: 5px solid #81806E;
    float: left;
    margin: 5px 27px 0 10px;
    width: 704px;
}

問題は、このコンテナにメニューリンクが含まれていることです。ですから、幅とマージンを調整すると、境界線がそれに伴います。しかし、私はそれを別々にスタイリングしたいです...どうすればこれを行うことができますか？

4

2 に答える 2

0

ap tagまたはspanを使用して、メニュー項目を一覧表示します。境界線を移動せずにマージンを付けてコンテンツを移動したいですか??。

.menu-containerのコンテンツを他のタグの中に配置して、問題を修正する必要があります。

于 2012-10-09T09:17:45.583 に答える
0

サンプルデザインとコードを結果とともに確認してください。これは必要ですか？

HTML：

<div class="menu-container">
      <a class="menu-item" href="#">Menu 1</a>
      <a class="menu-item" href="#">Menu 2</a>
      <a class="menu-item" href="#">Menu 3</a>
      <a class="menu-item" href="#">Menu 4</a>
      <a class="menu-item" href="#">Menu 5</a>
    </div>

CSS：

.menu-container {
    float: left;
    margin: 5px 27px 0 10px;
    width: 704px;
}
.menu-item{
  float:left;
  height:20px;
  margin-right:3px;
  border-top: 5px solid #81806E;
}
于 2012-10-09T10:05:17.233 に答える