테두리 0 픽셀 파선

편집 : jsfiddle 테두리 0 픽셀 파선

나는 둥근 모서리와 상단과 왼쪽 테두리를하기 위해 노력하고있어, 아직 아래의 그림과 같이 내 코드가, 나에게 하단과 오른쪽에 파선을 제공합니다 . border-right-width 또는 border-bottom-width을 0px로 설정해도 아무런 효과가 없습니다. 현재 크롬에서만 테스트 중입니다.

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;

enter image description here

출처

2013-10-02 Vermilingua

는 u는 HTML 또는 더 나은 jsfiddle을 게시 할 수 있습니까? –

내부에 두 개의'link button '이 있다는 것을 알 수 있으므로 먼저 제거하고 적절한'border '를 얻었는지 확인하십시오. 그러면 올바른 것이면'div'의 중첩 문제가 있어야합니다. – vishalkin

내부 버튼은 둥근 모서리를 가진'div's와'display : table-cell'입니다. – Vermilingua

대신 #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/

출처

2013-10-02 04:54:58 Sunny

테두리 0 픽셀 파선

답변

관련 문제