0

私はhtmlコードを持っています。コードで水平方向のサブリストを作成したいと考えています。映画のリンクには、今後の映画、新しいリリース、過去の映画などのサブリストが必要です。

これが私のコードです：

メニュー

            <ul>
                <li><a href="index.html">Home</a></li>

                <li><a href="movies.html">Movies</a>
                </li>
                <li><a href="#">News</a></li>
                <li><a href="#">Equipments</a></li>
                <li><a href="#">Careers</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>

ありがとう...

4

2 に答える 2

1

このようにHtmlでCssを使用できます

http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizo​​ntal 

 <style>
  ul
  {
  list-style-type:none;
   margin:0;
   padding:0;
 }
 li
 {
 display:inline;
 }
 </style>

 <ul>
   <li><a href="movies.html">Movies</a>
            </li>
            <li><a href="#">News</a></li>
            <li><a href="#">Equipments</a></li>
            <li><a href="#">Careers</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Contact</a></li>
 </ul>
于 2013-10-27T09:18:07.490 に答える
0

水平メニューを作成するには、 を使用する必要がありますCSS。手順は次のようになります。

.menu ul{
  list-style: none;
}

.munu li{
  display: inline;
}

HTML では、menu作成したばかりのクラスを<div>タグに追加するだけです。

<div class="menu">
  <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="movies.html">Movies</a></li>
                <li><a href="#">News</a></li>
                <li><a href="#">Equipments</a></li>
                <li><a href="#">Careers</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Contact</a></li>
  </ul>
</div>

注: 外部の css ファイルを使用する場合は、次の手順を使用して、css ファイルを html に含めることを忘れないでください。

<link rel="stylesheet" type="text/css" href="style.css">
于 2013-10-27T09:10:34.967 に答える