css Manish Yadav的一支笔。

Posted 2021-05-13

hsECy
-----


A [Pen](http://codepen.io/manishady/pen/hsECy) by [Manish Yadav](http://codepen.io/manishady) on [CodePen](http://codepen.io/).

[License](http://codepen.io/manishady/pen/hsECy/license).

<div id="menuwrapper">
  <div class="right"></div>
  <ul id="menu"> 
      <li><a href="#">Home</a></li>
      <li class="active"><a href="#">About</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Products</a></li>
      <li><a href="#">Contact</a></li>
  </ul>
</div>  

body{
  margin : 0;
}

#menuwrapper {
  top : 0px;
  left : 0px;
  width : 100%;
  height : 50px;
  background: rgb(0, 20, 20) none repeat scroll 0% 0% / auto padding-box border-box;
  display : inline-block
}

#menu {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color : white;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0;
  list-style-type: none;
  font-size: 13px;
  height: 40px;
}


#menu li {
  float: left;
  margin: 5px;
  
}