CSS中的等边框左边和右边高度

Question

如何使边框与边框左边的高度相同？换句话说,如何改变边界的顺序？边界左边比边界右边高.这导致1px"差距".

.tab-header > ul > li
{
display: inline-block;
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
border-top: 1px solid #cecece;
padding: 8px;
font-size: 10px;
text-transform: uppercase;
}

Answer 1

正在发生的事情是，CSS 试图在边框中做出漂亮的对角线颜色变化。如果将所有更改1px为10px，您就会看到问题。（图片参见： http: //jsfiddle.net/DaTCy/1/）

如果您使用 1px 宽度的边框，则底部边框和右边框将始终在右下像素中重叠。

编辑：作为解决方案，您可以尝试将底部边框的宽度设置为 0px，并解决放置按钮的容器中的高度问题。