前端学习第一天

导航栏的编写

  .header ul li {

   display:inline;

   background:greenyellow;

   padding:15px;

  }

<ul>

<li>电影</li>

<li>电视剧</li>

<li>动漫</li>

</ul>

使用<div>的导航栏的编写：

.header div{
float:left;
margin:0px 15px;
}

<div class="header"><!--head-->

    <div>机房</div>
    <div>机架位</div>
    <div>设备</div>
    <div>报告</div>
</div><!--end head-->