html - 给顶部边框两种颜色

我有这个：

<style type="text/css">
  .TopBorderPanel {
     position: relative;
     overflow: hidden;
     border-top: 2px solid #bbbb9f;
     margin: 1px;
     width: 500px;
    }
</style>

上边框有一种颜色，bbbb9f，我想做的是让它有两种颜色
50%BBBB9F和50%CCCCCC
有可能吗？

最佳答案

最好使用背景*.gif平分为两种颜色，并在顶部使用单个像素的填充：

.TopBorderPanel {
    border: 0;
    background-image: url(...);
    padding-top: 1px;
}