html - 边框0px虚线

Question

编辑：jsfiddle

我试图有一个带有圆形边缘的顶部和左侧边框，但我的代码在底部和右侧给出了一条折线，如下图所示。将border-right-widthor设置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/