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

您可以像这样将 Css 与 Html 一起使用

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 文件包含到 html 中，如果您使用外部 css 文件，请使用以下说明：

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