Css 如何使圆形框的交替线条颜色流向边框

我有一个圆形的框，在这里我显示信息，并希望用不同的背景色显示备用线。问题是颜色不会流向边框和单元格之间，而且看起来也不太好。此外，还有一个滚动条，当有许多行时会出现，滚动条会隐藏圆角（如果它变得太复杂，我可能会接受）

以下是我的基本html：

 <div style="width:80%">
    <div id="Activity" style="width:100%; display:inline-block; border-radius:20px; border:1px solid black; padding:10px; background-color:black; height:500px; overflow-y:auto; overflow-x:hidden;">
         <table class="list" id="ActivityList" style="width:100%;">
             <thead style="color:white; font-weight:bold;">
                 <tr>
                     <td style="padding-right:10px;">Date/Time</td>
                     <td>Log</td>
                 </tr>
             </thead>
             <tbody>
                <tr><td style="white-space:nowrap; padding-right:10px;">2017/04/23 10:08:03</td><td>Variable Paul is at home updated to False</td></tr>
                <tr><td style="white-space:nowrap; padding-right:10px;">2017/04/23 10:08:03</td><td>Variable Paul is at home updated to False</td></tr>
                <tr><td style="white-space:nowrap; padding-right:10px;">2017/04/23 10:08:02</td><td>Variable Paul is at home updated to False</td></tr>
             </tbody>
         </table>
     </div>
 </div>

日期/时间
日志
2017/04/23 10:08:03变量Paul在家更新为False
2017/04/23 10:08:03变量Paul在家更新为False
2017/04/23 10:08:02变量Paul在家更新为False

下面是一个显示问题的示例。

添加

cellspacting=“0”

以删除单元格之间的空间

对于滚动条，移除子div中的溢出并将其设置为父div，反之亦然。对于这两种解决方案，您可以使用下面的链接：

对于要接触右/左边框的行，您所要做的就是删除div的右/左填充

---

差不多了。我的主要观点是使暗光线线接触长方体的边界（向左和向右）。