一级导航栏

<style type="text/css">

    * {

      margin: 0;

      padding: 0;

    }

    ul {

      list-style: none;

    }

    li {

      margin: 10px;

      float: left;

      color: #f40;

      font-weight: bolder;

      font-size: 14px;

      height: 25px;

      line-height: 25px;

      padding: 0 5px;

    }

    li:hover {

      background-color: #f40;

      color: white;

      border-radius: 50%;

    }

  </style>

<ul>

    <li>天猫</li>

    <li>聚划算</li>

    <li>天猫超市</li>

  </ul>