如何使用CSS将行与背景颜色对齐

我想得到这样的风格：

通过我的代码，我实现了以下目标：

这是我的密码：

<div>
    <a class="appointments" data-ng-click="showPrev(index)">
        <i class="icon-double-angle-left"></i>&nbsp;
    </a>{{date}}
    <a data-ng-click="showNext(index)">
        <i class="icon-double-angle-right"></i>
    </a>
    <div>
        <span class="appointments"  data-ng-repeat="time in times"><br>
        <span data-ng-click="showModal()">{{time}}</span></span>
    </div>
</div>

{{date}}


{{time}}

---

谁能建议我帮忙吗。谢谢

使用css为问题使用填充

填充顶部
，然后您可以解决问题

<style>
table {
border-collapse: collapse;
width: 100%;
}

th, td {
text-align: left;
padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}
</style>


桌子{
边界塌陷：塌陷；
宽度：100%；
}
th，td{
文本对齐：左对齐；
填充：8px；
}
tr:n子（偶数）{背景色：#f2f2}

[1][
[1] ：有关更多信息，请参阅
希望这能帮助您朝着正确的方向前进。。。
检查
CSS


.time>span{
背景色：#F2F2；
颜色：2AAC7；
显示：块；
宽度：100px；
填充：5px25px；
保证金：-5px；
文本对齐：居中；
}
.date>i{
颜色：2AAC7；
}

2017-06-29


上午8:00


上午9:50


上午10:00