1

li タグに境界線を付けたいメニューがあります。私は自分のcssでこれをやっています:

.sf-menu li a
    {
       list-style-position:inside;
       border: 2px solid white;
       color:#fffefe;
    }

しかし、それは少し醜いです。私はそれをそのように機能させたいと思っています:ここここいくつかのマージンを置くことによって。私は試していますが、何もしていません。Googleで検索するために関連するタグが思いつきません。

4

4 に答える 4

1

まず、list-style-position<UL>をタグに適用する必要があります。次に、ボーダーを<li>タグに設定し、コードを確認する必要があります。

  .sf-menu li a

したがって、クラス<a>内で選択しているため、単に選択する必要があります。<li>.sf-menu<li>

.sf-menu li {
   //your styles here
}

さらにヘルプが必要な場合は、jsfiddle (またはその他のプラットフォーム) で例を作成してください。

于 2013-10-24T12:08:02.543 に答える
0

li tag次に、境界線をnot inに設定する必要がありますa tag

.sf-menu li
    {
       border: 2px solid white;
    }

また、list-style-position は in ではul tagなく in で定義する必要がありますa tag

.sf-menu
    {
       list-style-position:inside;
    }
于 2013-10-24T12:03:22.703 に答える
0

このjsFiddleを試してください。これがあなたが求めているものだと思います：http://jsfiddle.net/nnLjK/3/

.sf-menu私はあなたとあなたの.sf-menuCSS宣言を少し分けました...

于 2013-10-24T12:17:53.700 に答える