相关疑难解决方法(0)

我想在左边有一个4px厚的粉红色边框,在其他地方有1px灰色的边框:

border: 1px solid #E5E5E5;
border-left: 4px solid #F24495;

问题是连接是对角的,所以我得到一个可怕的叠加.我试过了:

.item:before{ 
  border-left: 4px solid #F24495;
}

但没有运气.

jsFiddle示例

• jsFiddle示例突出显示对角线连接

截图

我想创建一个不同颜色的盒子,左,右和顶部颜色为红色,底部颜色为灰色但我想要平底盒边框

HTML

<div class="ts"></div>

CSS

.ts {    
    height:100px;
    width:100px;
    border-width:10px 10px 20px 10px;
    border-style:solid;
    border-color:#f00 #f00 #ddd #f00;
}

当我使用上面的代码创建它时,它看起来像这样

但我不希望底边作为对角线,我想要它;

http://jsfiddle.net/3jHG8/

有没有一种简单的方法可以像crossbrowser那样做？