使用CSS开发个人网页，不能开发出理想的导航栏

我想开发的效果如图2
求大神指导

可以通过设置a标签的样式来实现

    <style type="text/css">
      .a-groud {
            font-size: 4px;
        }
        a{
            text-decoration: none;
            background-color: #C84241;
            color: #ffffff;
            padding: 10px 20px;
            cursor: pointer;
            font-size: 14px;
        }
  </style>
    <div class="a-groud">
        <a>ABOUT</a>
        <a>PHOTO</a>
        <a>WORKS</a>
        <a>CONTACT</a>
    </div>