修改默认选项卡显示结构

Question

我正在研究angularJS。我使用angularJS创建了标签，想要修改标签的外观。

我想显示带圆角的标签，如下图所示。

我很难用css实现这个目标。 请建议如何获得标签的圆角，如上图所示。 请在此处找到我的工作代码http://plnkr.co/edit/niK4d4YEdkSkZy2UZiHX?p=preview

CSS代码：

  <style>
    .nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
     background-color: #D0D0D0;
     }
   </style>

HTML代码：

<div ng-controller="TabsParentController">
<tabset>
    <tab ng-repeat="workspace in workspaces"
         heading="{{workspace.name}}"
         active=workspace.active>
        <div ng-controller="TabsChildController">
            --some dynamic content here--
        </div>
     </tab>
</tabset>

请为显示的标签建议实现圆角的最佳方法。我可以使用CSS或bootstrap来实现这一目标。