边界0px折线

Question

编辑：jsfiddle

我正在尝试使用带有圆边的顶部和左侧边框，但我的代码在底部和右侧给出了一条虚线，如下图所示。将border-right-width或border-bottom-width设置为0px无效。目前我只在Chrome上测试它。

CSS如下：

border-top:10px solid #CC99CC;
border-left:5px solid #CC99CC;
border-top-left-radius:10px;
border-top-right-radius:5px;
border-bottom-left-radius:10px;

Answer 1

将边框样式应用于#wrapper：

body { 
    background-color: #000;
}

#wrapper {
    border-top:10px solid #CC99CC;
    border-left:5px solid #CC99CC;
    border-top-left-radius:10px;
    border-top-right-radius:5px;
    border-bottom-left-radius:10px;
}

http://jsfiddle.net/rezv2/2/