Html과 CSS를 사용하여 div 태그가 끝나는 곡선

Question

이미지를 사용하지 않고 HTML 및 CSS 만 사용하여 div 가장자리에 곡선 가장자리를 가져올 수 있습니까?

Answer 1

나는 국경 반경이라고 가정합니다. 네, border-radius으로 적절한 브라우저 (IE가 아님)에서 가능합니다. 그것은 CSS3 속성입니다, 그것은 아직 제대로 구현되지 그리고 당신은 그것이 작동되도록 몇 가지 트릭을 수행해야합니다

-moz-border-radius: 10px; /* for firefox */ 
-webkit-border-radius: 10px; /* for safari & chrome */ 
border-radius: 10px; /* for others (opera) */ 

더 많은 정보를 원하시면 http://www.css3.info/preview/rounded-border/에서 살펴 보자.

Answer 2

예, 가능하지만 모든 브라우저에서 작동하지 않을 수도 있고 모든 브라우저에서 동일하지 않을 수도있는 CSS 3 기능입니다. 예를 들어 this article을 참조하십시오.

Answer 3

크로스 브라우저와 호환되는 방식은 아닙니다 (특히 IE는 아직 지원하지 않습니다). CSS 3에서는 border-radius을 사용할 수 있습니다. Safari와 Firefox는 현재 -webkit-border-radius과 -moz-border-radius을 지원합니다. 예 :

<div style="-moz-border-radius: 10px; 
      -webkit-border-radius: 10px; 
      border-radius: 10px; 
      border: 1px solid #000; 
      padding: 10px;"> 
    This is a sample div. 
</div> 

Answer 4

예, 기술적으로 가능합니다 (가능한 가장 좋은 종류 일 것 같습니다), here이 좋은 예입니다 (소스를 확인하십시오. 정말 멋진 기술입니다).