CSS로 둥근 모서리를 끼워 넣었습니다

Question

CSS로 이런 종류의 작업을 수행 할 수 있습니까? 내 인터넷 검색에서

, 내가 도움이 아무것도 찾을 수 없습니다.

Answer 1

CSS3의 방사형 그래디언트로 수행 할 수 있습니다.

CSS :

div{ 
    background: 
    radial-gradient(
     circle at -40px 50px, 
     transparent 80px, 
     red 80px 
    ); 
    height: 100px; 
    width: 100px; 
} 
body { background-color: blue; } 

http://jsfiddle.net/7WHAz/2/

Answer 2

이 작동 할 수 ...하지만 일반 배경 색상 난 두려워 단지 경우 :

http://jsfiddle.net/7WHAz/

변경 : 색상에

div:before {   
    background-color:white; 
} 

당신의 배경 사용