css修剪线的顶部和底部

Question

我正在尝试向td添加一条线（实线边框，颜色）。如何以2 px修剪线条顶部和底部，或者添加填充顶部和填充底部到线？

我的预期产量是 对于高度为10像素的td，我有一个黑色边框。我想将该行的顶部2px和底部2 px变为白色，或者对该行应用2 px填充。

我试图将表格中的2个tds与每个td侧面的图标分开。我试图在2个tds之间添加一条线。我正在添加td的边框样式，使其看起来像一条线。我希望线条高度小，不要接触td顶部和底部边框。

My code in fiddle is here

.leftLine {
    border-left-style: solid;
    border-left-color: lightgray;
    border-left-width: 1px;
    padding-bottom: 2px;
    border-bottom-left-radius: 2px;
    height: 2px;
}
.icoContainer {
    text-align: center;
    width: 40px;
}

Answer 1

要调整间距，请在每个padding-top: ***px中使用padding-bottom: ***px和<td>。
边框类似：border-top: solid black 2px和border-bottom: solid black 2px

Answer 2

我没有完全得到你的问题： 但根据我的理解，你试图给左边框一个单独的TD，你希望它的高度应该很小。 通过向td direcetly添加边框样式无法实现。 我建议使用下面的代码：
CSS CODE将是：

.leftLine {
border-left: solid black 1px;
margin: 0px;
padding : 0px;  
}
.icoContainer {
text-align: center;
padding-top : 5px;  
      padding-bottom: 5px;  
}
h1{
margin: 0px;
padding: 0px;
}

将“leftLine”css添加到TD的内部div。 你可以改变“icoContainer”的填充。
这将向TD添加填充并向内部div添加边框。 如果我对您的问题的理解是正确的，请告诉我。