특정 테두리 반경 CSS

Question

둥근 모서리가 왼쪽 위와 오른쪽 상단에 있지만 아래 두 모퉁이에는없는 div를 만들고 싶습니다. div32의 특정 모서리에만 곡선 모서리가있는 -webkit-border-radius 값이 있습니까?

Answer 1

같은 접두사를 필요하다고 생각

border-top-left-radius 
border-bottom-right-radius 
border-top-right-radius 
border-bottom-left-radius 

구문은 다음과 같습니다 그래서

border-radius: topleft topright bottomright bottomleft; 

:

div { 
 
    background: red; 
 
    border-radius: 20px 20px 0 0; 
 
    width: 100px; 
 
    height: 100px; 
 
}

<div></div>

Answer 2

각 모서리 테두리 반경이 : 나는 모질라는 -moz-border-radius-topright

Answer 3

이러한 속성을 설정할 수 있습니다

-webkit-border-top-right-radius:10px; 
-webkit-border-top-left-radius:10px; 
-webkit-border-bottom-right-radius:0px; 
-webkit-border-bottom-left-radius:0px; 

파이어 폭스와 함께 작동하기 위해서는 : 파이어 폭스의

-moz-border-radius-bottomright:0px; 
-moz-border-radius-bottomleft:0px; 
-moz-border-radius-topright:10px; 
-moz-border-radius-topleft:10px;