타원이나 둥근 사각형을 표시하는 HTML 코드가 있습니까?

HTML과 CSS를 사용하는 경우이 작업을 수행 할 수 있습니다. 브라우저 별 CSS 사용에 신경 쓰지 않는다면 -moz, Chrome 및 Safari (-webkit 포함), IE9 및 Opera 10.5 (하이픈으로 시작하지 않는 CSS 3 포함)에서 Firefox를 사용할 수 있습니다. CSS3에서

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title> 
      Rounded 
     </title> 
     <style type="text/css"> 
      div { 
       -moz-border-radius-topleft: 6px; 
       -webkit-border-top-left-radius: 6px; 
       border-top-left-radius: 6px; 
       -moz-border-radius-bottomleft: 6px; 
       -webkit-border-bottom-left-radius: 6px; 
       border-bottom-left-radius: 6px; 
       -moz-border-radius-topright: 6px; 
       -webkit-border-top-right-radius: 6px; 
       border-top-right-radius: 6px; 
       -moz-border-radius-bottomright: 6px; 
       -webkit-border-bottom-right-radius: 6px; 
       border-bottom-right-radius: 6px; 
       border:solid 1px black; 
       padding:10px; 
       background-color:#efefef; 
      } 
     </style> 
    </head> 
    <body> 
     <div>I'm rounded!</div> 
    </body> 
</html>

출처

2010-04-10 23:33:15 Chris

감사합니다, 크리스 !!! – brilliant

IE9에는 아직 출시 날짜가 없습니다 ... 2011 년 언젠가는 추측하지 못할 것입니다 ... –

국경 반경은 (IE .../침에서 분리) 대부분의 브라우저에서이 작업을 수행 할 수 있습니다. http://www.css3.info/preview/rounded-border/

HTML5는 Javascript를 사용하여 유사한 그림을 그릴 수있는 캔버스 태그를 제공합니다. 다시 말하지만, 브라우저 지원은 계속 진행 중입니다.

HTML에서 묻는 것을 할 수 없을 것입니다. 당신은 트릭을 사용하여 그 중 하나에 가까운 얻을 수

출처

2010-04-10 23:33:47 dannywartnaby

2010/04/10 현재 Opera 10.5만이 CSS3로이 작업을 수행 할 것입니다. * IE9 미리보기). Chrome 5.0.371.0, Safari 4.0.5 및 FF 3.6.3의 경우 공급 업체 확장을 사용해야합니다. – Chris

는 here가

많은 상대적으로 작은 테두리 div의 많은 (당신은 임의의 크기/위치 우측 된 div를 사용하여 삼각형을 렌더링 할 수 있습니다) 발견했다. 모든 높이와 너비를 하드 코딩하는 데는 시간이 오래 걸리지 만 HTML 코드를 생성하는 스크립트를 작성할 수 있습니다.

물론 가장 쉽고 빠른 (개발 시간, 페이지를 다운로드하는 데 필요한 시간 및 렌더링 시간조차도) 솔루션은 pure html 이외의 다른 것을 사용하는 것입니다. 다른 사람들은 이미 제안했기 때문입니다. .

출처

2010-04-10 23:45:53 Ponkadoodle

LOL. 대단한 트릭. – Chris

Simpy amazing !!!! – brilliant

타원이나 둥근 사각형을 표시하는 HTML 코드가 있습니까?

답변

관련 문제