css - 减少边框右侧的长度

Question

我有一个边界：

.verticalLineTop {
    border-top:solid #6E6A6B;
    border-width:1px;
    width: 130px;
}

我正在硬编码宽度以修剪边框右侧的一部分，这可以使用 css 完成吗？

所以而不是：

________________________

这显示：

____________________

Answer 1

您不能设置部分 CSS border-top，它的全部或全部。

如果您总是希望上边框占宽度的某个百分比，则可以嵌套一个具有百分比宽度的元素。

.verticalLineTop
{
    width:80%;
    border-top:solid 1px #000;
}

现场演示：http: //jsfiddle.net/P3RKB/1

Answer 2

.verticalLineTop:before
 {
   width:80%;
   border-top:solid 1px #000;
   content: "";
   display: block;
   padding-top: 10px;
 }