다음은 최고의 무료 온라인 CSS 테두리 반경 생성기 웹사이트 목록입니다 . CSS Border Radius는 기본적으로 웹 페이지에 추가할 수 있는 컨테이너 상자입니다. CSS의 기본 사항을 알고 있다면 테두리 반경 컨테이너를 만드는 것은 매우 쉽습니다. CSS에 대해 잘 모르더라도 온라인 도구를 사용하여 CSS를 만들 수 있습니다. CSS 테두리 반경 생성기는 컨테이너에 대한 사양을 추가하고 이에 대한 CSS 코드를 얻을 수 있는 간단한 도구입니다. 이러한 도구를 사용하면 CSS 컨테이너를 쉽게 만들 수 있습니다. 컨테이너를 조작하고 구성할 수 있는 간단한 옵션을 통해 컨테이너의 실시간 미리보기를 얻을 수 있습니다.
이 게시물은 CSS Border Radius Generator 도구를 제공하는 20개의 무료 웹사이트를 다룹니다. 간단히 각 모서리의 반경을 정의하고 CSS 컨테이너를 생성할 수 있습니다. 이러한 도구 중 다수를 사용하면 각 측면을 개별적으로 조작할 수 있습니다. 이를 통해 귀하의 요구 사항에 정확히 맞는 컨테이너를 만들 수 있습니다. 이러한 도구 중 일부는 컨테이너 테두리 스타일을 지정하는 옵션도 제공합니다. 컨테이너 전체 또는 색상 옵션을 포함하여 컨테이너의 특정 측면에 테두리를 적용하는 옵션이 제공됩니다. 결국 디자인에 직접 구현할 수 있는 CSS 코드를 얻게 됩니다. 그렇다면 이러한 도구를 자세히 살펴보겠습니다.
내가 가장 좋아하는 온라인 CSS 테두리 반경 생성기
CSSPortal.com 은 이 목록에서 온라인으로 CSS Border Radius를 생성하는 데 제가 가장 좋아하는 웹사이트입니다. 이 도구는 원하는 사양에 맞게 테두리 반경을 만들 수 있는 일련의 옵션을 제공합니다. 고급 옵션을 사용하여 반경 경계를 완벽하게 제어할 수 있습니다. 테두리, 배경 및 컨테이너의 색상을 선택할 수도 있습니다. 실선 외에도 다양한 옵션을 사용하여 새 관찰자의 스타일을 지정할 수도 있습니다.
개요 테이블:
| 웹사이트 | 표준/고급 반경 옵션 | 색상 옵션 | 스타일 옵션 | 산출 |
|---|---|---|---|---|
| CSSPortal.com | 고급의 | 경계, 컨테이너, 배경 | 국경 | CSS |
| HTML-CSS-JS.com | 기준 | 국경 | 테두리, 위치 | CSS, HTML, WYSIWYG |
| ToolsIP.org | 기준 | 국경 | 테두리, 위치 | CSS, 게코, 웹킷 |
| 10015.io | 기준 | 해당 없음 | 해당 없음 | CSS |
| Developer.Mozilla.org | 고급의 | 해당 없음 | 해당 없음 | CSS |
| CSSGenerator.org | 기준 | 테두리, 배경 | 국경 | CSS |
| CSSMatic.com | 기준 | 테두리, 배경 | 국경 | CSS |
| HTMLCSSButtonGenerator.com | 기준 | 해당 없음 | 해당 없음 | CSS |
| Tanalin.com | 기준 | 해당 없음 | 해당 없음 | CSS, 웹킷, kHTML, MOZ |
| 웹코드.도구 | 기준 | 해당 없음 | 해당 없음 | CSS |
| HTML-Code-Generator.com | 기준 | 해당 없음 | 해당 없음 | CSS, HTML |
| MakingCSS.com | 기준 | 국경 | 국경 | CSS, 웹킷, MOZ |
| ManyTools.org | 기준 | 해당 없음 | 해당 없음 | CSS |
| DoodleNerd.com | 기준 | 해당 없음 | 해당 없음 | CSS, HTML |
| Web4College.com | 고급의 | 해당 없음 | 해당 없음 | CSS |
| AngryTools.com | 기준 | 해당 없음 | 해당 없음 | CSS |
| Border-Radius.com | 기준 | 해당 없음 | 해당 없음 | CSS, 게코, 웹킷 |
| BusinessWebAdmin.com | 기준 | 해당 없음 | 해당 없음 | CSS, 게코, 웹킷 |
| MashMonkey.com | 기준 | 해당 없음 | 해당 없음 | CSS, 게코, 웹킷 |
| CodeSandbox.io | 기준 | 해당 없음 | 해당 없음 | CSS |
CSSPortal.com
CSSPortal.com은 무료 CSS 테두리 반경 생성기를 제공합니다. 이 도구는 웹 페이지에서 둥근 모서리를 사용하는 데 필요한 코드를 생성하는 데 도움이 될 수 있습니다. 이 도구는 배경색 및 컨테이너 색상을 선택하는 옵션과 함께 테두리 반경의 미리보기를 표시합니다 . 그 아래에는 기본 반경 옵션 과 고급 반경 옵션을 포함하는 반경 옵션이 있습니다.. 반경 옵션을 사용하면 각 모서리의 반경을 개별적으로 또는 2, 3, 4 세트로 설정할 수 있습니다. 반면 고급 반경 옵션은 유사한 옵션을 제공하지만 반경 범위가 100px 더 추가됩니다. 이를 통해 반경 경계 중 하나를 얻을 수 있습니다. 그 외에도 테두리 너비와 색상을 얻을 수 있으며 실선, 점선, 점선, 이중, 홈, 삽입, 시작 또는 능선 중에서 테두리 스타일을 선택할 수 있습니다. 기본적으로 반경은 px 단위로 표시되지만 측정값을 백분율 로 전환할 수도 있습니다 . 마지막으로 도구는 클립보드에 복사할 수 있는 테두리 반경의 CSS 코드를 생성합니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 한 번에 또는 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 100px. 100px 추가.
- 색상 옵션 : 테두리, 배경 및 컨테이너.
- 스타일 옵션 : 여러 테두리 스타일.
- 출력 : CSS.
HTML-CSS-JS.com
HTML-CSS-JS.com 에는 무료 온라인 테두리 반경 생성기가 있습니다. 이 도구는 반경을 설정하기 위해 각 모서리에 하나의 옵션이 있는 중앙에 테두리 반경 미리보기를 표시합니다. 각 모서리 반경을 0px에서 40px까지 개별적으로 설정할 수 있습니다 . 나머지 옵션은 테두리 모양에 대한 것입니다. 여기에는 너비, 경계 스타일, 색상 및 테두리 위치가 포함됩니다. 위치 설정을 사용하면 네 면 모두 또는 한 면에 테두리를 적용할 수 있습니다. 그러면 구성된 테두리 반경의 코드가 표시됩니다. 이와 함께 코드를 사용하는 또 다른 옵션이 제공됩니다. 이는 HTML 코드, CSS 코드 및 WYSIWYG를 생성합니다.
하이라이트:
- 반경 옵션 : 각 모서리를 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 40px.
- 색상 옵션 : 테두리.
- 스타일 옵션 : 다양한 테두리 스타일 옵션 및 테두리 위치 옵션.
- 출력 : CSS, HTML, WYSIWYG.
ToolsIP.org
ToolsIP.org 는 온라인 CSS Border Radius Generator를 갖춘 또 다른 무료 웹사이트입니다. 이 도구는 HTML-CSS-JS.com 에서 제공되는 도구와 유사합니다 . 화면 중앙에 테두리 반경 미리보기가 표시됩니다. 테두리의 각 모서리에는 4개의 슬라이더가 있습니다. 각 슬라이더는 0px에서 40px까지입니다. 이에 따라 각 모서리의 반경을 개별적으로 조정할 수 있습니다. 또한 테두리 너비, 스타일, 색상 및 위치를 얻을 수 있습니다 . 테두리 반경을 구성하면 테두리 내부에 대한 코드가 제공됩니다. CSS, Gecko 및 WebKit 코드를 선택할 수 있습니다.
하이라이트:
- 반경 옵션 : 각 모서리를 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 40px.
- 색상 옵션 : 테두리.
- 스타일 옵션 : 다양한 테두리 스타일 옵션 및 테두리 위치 옵션.
- 출력 : CSS, Gecko, WebKit.
10015.io
10015.io는 무료 온라인 국경 반경 생성 도구를 제공합니다. 이 도구는 테두리 반경에 대한 CSS 코드를 생성합니다. 도구에는 각 가장자리에 모서리 반경 점이 있는 화면 테두리가 있습니다. 이와 함께 끌 수도 있는 가장자리 반경 포인트도 있습니다. 그 외에도 상자의 너비와 높이를 얻는 슬라이더가 있습니다. 이 도구에는 경계 너비, 색상 등을 설정하는 옵션이 없습니다. 하지만 테두리 반경 CSS 코드를 얻는 데는 충분합니다.
하이라이트:
- 반경 옵션 : 각 모서리를 개별적으로 조정합니다.
- 반경 범위 : 가능합니다.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS.
Developer.Mozilla.org
Developer.Mozilla.org 에서는 온라인으로 CSS 테두리 반경을 생성하는 무료 도구도 제공합니다. 이 도구는 사용이 매우 간단하며 테두리 반경을 설정하는 두 가지 방법을 제공합니다. 기본적으로 각 모서리 및 가장자리 반경에 대해 8개의 측정값이 표시됩니다. 반경을 조정하여 테두리를 만들 수 있습니다. 또는 아래 다이어그램의 각 모서리를 활성화할 수 있습니다. 그런 다음 가장자리와 모서리를 병합하고 나머지를 구성할 수 있습니다. 테두리의 너비와 높이를 설정한 다음 해당 CSS 코드를 가져올 수도 있습니다.
하이라이트:
- 반경 옵션 : 각 모서리를 개별적으로 조정합니다.
- 반경 범위 : 가능합니다.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS.
CSSGenerator.org
CSSGenerator.org는 간단한 온라인 Border Radius CSS 생성기 도구를 제공합니다. 이 도구는 사용하기 쉬운 정렬된 레이아웃을 가지고 있습니다. 각 모서리에는 모서리 반경을 0px에서 200px까지 개별적으로 설정하는 데 사용할 수 있는 4개의 슬라이더가 있습니다. 모든 측면을 함께 설정하는 단일 슬라이더가 있습니다. 원하는 방향으로 갈 수 있습니다. 그런 다음 테두리 너비를 조정할 수 있는 슬라이더가 하나 더 제공됩니다. 이 모든 슬라이더는 테두리 반경의 모양을 설정하는 데 도움이 됩니다. 그런 다음 원하는 대로 테두리 스타일, 테두리 색상, 배경색을 적용할 수 있습니다. 이 도구는 한 번의 클릭으로 복사할 수 있는 테두리 반경에 대한 CSS 코드를 생성합니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 한 번에 또는 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 200px.
- 색상 옵션 : 테두리 및 배경.
- 스타일 옵션 : 여러 테두리 스타일.
- 출력 : CSS.
CSSMatic.com
CSSMatic.com 에는 온라인으로 CSS 테두리 반경을 생성하는 무료 도구가 있습니다. 이 도구를 사용하면 테두리 반경을 만들고 이에 대한 CSS 코드를 얻을 수 있습니다. 화면 오른쪽에 테두리 미리보기가 표시됩니다. 왼쪽에는 6개의 슬라이더가 있습니다. 이 슬라이더 중 4개를 사용하면 각 모서리의 반경을 변경할 수 있습니다. 상단의 슬라이더 1개는 모든 모서리에 동일한 반경을 적용합니다. 마지막 슬라이더를 사용하면 테두리 너비를 설정할 수 있습니다. 이와 함께 테두리 스타일, 테두리 색상 및 배경색을 선택할 수 있는 옵션도 제공됩니다. 이러한 모든 옵션을 사용하면 테두리 반경을 디자인하고 CSS 코드를 얻을 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 한 번에 또는 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 200px.
- 색상 옵션 : 테두리 및 배경.
- 스타일 옵션 : 여러 테두리 스타일.
- 출력 : CSS.
HTMLCSSButtonGenerator.com
HTMLCSSButtonGenerator.com 은 온라인으로 CSS 테두리 반경을 생성하는 데 사용할 수 있는 또 다른 웹사이트입니다. 이 도구의 한쪽에는 컨트롤이 있고 다른 쪽에는 미리보기가 있습니다. 네 모서리 모두의 반경을 설정하는 데 사용할 수 있는 슬라이더가 하나 있습니다. 그러나 각 테두리 반경을 맞춤설정하려는 경우에도 그렇게 할 수 있습니다. 마지막으로 컨테이너 크기의 너비와 높이를 설정할 수 있습니다. 그러면 컨테이너에 대한 CSS 코드가 제공됩니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 한 번에 또는 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 200px.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS.
Tanalin.com
Tanalin.com은 간단한 온라인 국경 반경 생성 도구를 제공합니다. 이 목록의 다른 도구와 달리 이 도구는 미리보기를 표시하지 않습니다. 여기에는 각 모서리의 반경을 입력할 수 있는 4개의 입력 상자가 있습니다. 동일하게 유지하거나 다르게 유지할 수 있습니다. 그렇게 하면 해당 코드가 생성됩니다. 테두리 너비를 추가하려면 해당 너비도 설정할 수 있습니다. 이 도구는 CSS, WebKit, kHTML 및 MOZ에 대한 코드 출력을 제공할 수 있습니다. 출력을 선택하고 해당 코드를 얻을 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 개별적으로 조정합니다.
- 반경 범위 : 가능합니다.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS, WebKit, kHTML, MOZ.
웹코드.도구
Webcode.tools는 무료 온라인 Border Radius CSS 생성기 도구도 제공합니다. 이 도구에는 모든 면을 동일하게 유지하거나 다르게 유지하려는 경우 선택할 수 있는 드롭다운이 제공됩니다. 모든 측면을 동일하게 유지하면 반경을 설정하는 단일 슬라이더가 표시됩니다. 측면을 다르게 만들고 싶다면 4개의 슬라이더가 필요합니다. 각 모서리에 하나씩. 슬라이더를 사용하면 반경을 설정하여 컨테이너를 만들 수 있습니다. 완료되면 코드를 직접 복사할 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 함께 또는 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 100px.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS.
HTML-Code-Generator.com
HTML-Code-Generator.com은 온라인 CSS Border Radius Generator를 갖춘 또 다른 무료 웹사이트입니다. 이 도구를 사용하여 div 상자, 이미지 및 텍스트 상자를 생성할 수 있습니다. 세 가지 섹션이 있습니다. 반경, 크기 및 회전. 반경 섹션에서 모든 측면을 동일하게 유지할지 아니면 다르게 유지할지 선택할 수 있습니다. 모든 면을 동일하게 유지하기 위해; 반경을 설정하는 단일 슬라이더가 제공됩니다. 그리고 측면을 다르게 만들기 위해; 네 개의 슬라이더가 있습니다. 각 모서리에 하나씩. 슬라이더를 사용하면 반경을 설정하여 컨테이너를 만들 수 있습니다. 그런 다음 크기 섹션에서 컨테이너의 너비와 높이를 설정할 수 있습니다. 어떤 이유로 상자를 회전하고 싶다면 회전 섹션에서 회전할 수 있습니다. 마지막으로 코드를 생성할 수 있습니다. 이 도구는 저장할 수 있는 CSS 및 HTML 코드를 제공합니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 한 번에 또는 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 100px.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS, HTML.
MakingCSS.com
MakingCSS.com 에는 무료 온라인 CSS Border Radius Generator 도구가 있습니다. 이 도구는 왼쪽에 6개의 슬라이더가 있는 화면 오른쪽에 테두리 미리보기를 표시합니다. 첫 번째 슬라이더는 모든 모서리에 동일한 반경을 적용합니다. 다음 네 개의 슬라이더를 사용하면 각 모서리의 반경을 변경할 수 있습니다. 마지막 슬라이더를 사용하면 테두리 너비를 설정할 수 있습니다. 이와 함께 테두리 스타일과 테두리 색상을 선택할 수 있는 옵션도 제공됩니다. 이러한 모든 옵션을 사용하면 테두리 반경을 디자인하고 CSS 코드를 얻을 수 있습니다. 코드를 WebKit 및 MOZ와 호환되도록 선택할 수 있습니다. 이 도구를 사용하면 미리보기를 사용자 정의할 수도 있습니다. 미리보기만 조정하고 코드는 변경하지 않습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 한 번에 또는 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 100px.
- 색상 옵션 : 테두리.
- 스타일 옵션 : 여러 테두리 스타일.
- 출력 : CSS, WebKit, MOZ.
ManyTools.org
ManyTools.com 에는 무료 온라인 CSS Border Radius Generator 도구가 있습니다. 컨테이너 미리보기를 바로 보여주는 간단한 도구입니다. 그 아래에는 모든 모서리를 동일하게 만드는 토글이 있습니다. 원한다면 모든 모서리의 반경을 한 번에 설정할 수 있습니다. 또는 옵션을 끄고 각 모서리의 반경을 별도로 설정할 수 있습니다. 그렇게 하면 즉시 CSS 코드가 생성됩니다. 여기에서 CSS 코드를 복사하여 웹 페이지에 컨테이너를 구현할 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 한 번에 또는 개별적으로 조정합니다.
- 반경 범위 : 0px ~ 50px.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS.
DoodleNerd.com
DoodleNerd.com은 온라인으로 CSS 테두리 반경을 생성할 수 있는 또 다른 무료 웹사이트입니다. 이 도구를 사용하면 각 모서리의 반경을 개별적으로 설정하여 CSS 컨테이너를 생성할 수 있습니다. 각 모서리의 슬라이더를 밀어서 반경을 0px에서 200px까지 설정할 수 있습니다. 그렇게 하면 아래 컨테이너의 실시간 미리보기가 표시됩니다. 동시에 컨테이너에 대한 CSS 및 HTML 코드도 제공합니다. 필요에 따라 모서리를 구성한 후 해당 CSS 코드를 복사할 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 개별적으로 조정하는 옵션입니다.
- 반경 범위 : 0px ~ 200px.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS, HTML.
Web4College.com
Web4College.com은 CSS 테두리 반경을 생성하는 무료 온라인 도구를 제공합니다. 이 도구를 사용하여 CSS 컨테이너를 디자인하고 이에 대한 CSS 코드를 얻을 수 있습니다. 이 도구를 사용하면 각 모서리 반경을 개별적으로 조정할 수 있습니다. 컨테이너의 각 측면에 두 개의 슬라이더가 있습니다. 하나의 슬라이더는 수평 반경을 조정하고 다른 슬라이더는 수직 반경을 조정합니다. 반경을 변경하면 실시간 미리보기가 표시됩니다. 이렇게 하면 컨테이너를 디자인하고 나중에 해당 CSS 코드를 얻을 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 개별적으로 조정하는 옵션입니다.
- 반경 범위 : 0px ~ 100px.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS.
AngryTools.com
AngryTools.com 은 온라인 CSS Border Radius 도구를 제공하는 무료 웹사이트입니다. 이 도구는 컨테이너를 구성하는 도구와 함께 컨테이너의 미리보기를 배치합니다. 반경을 설정하는 방법에는 두 가지가 있습니다. “모든 반경” 옵션을 사용하여 네 모서리 모두의 반경을 한 번에 설정할 수 있습니다. 또는 각 모서리의 반경 옵션을 사용하여 개별적으로 설정할 수 있습니다. 어느 쪽이든 미리보기의 모든 변경 사항이 반영됩니다. 배경에 대한 옵션도 있습니다. 그러나 이러한 옵션은 미리보기에만 사용할 수 있습니다. 최종 CSS 코드에 색상 매개변수를 추가하지 않습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 개별적으로 또는 한꺼번에 조정하는 옵션입니다.
- 반경 범위 : 가능합니다.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS.
Border-Radius.com
이름에서 알 수 있듯이 Border-Radius.com은 온라인으로 CSS 컨테이너를 생성할 수 있는 무료 웹사이트입니다. 이 웹사이트는 화면 중앙에 직사각형을 표시하는 간단한 도구를 제공합니다. 이 직사각형의 각 모서리에는 모서리 반경을 추가하는 입력 필드가 있습니다. 이러한 섹션을 사용하면 각 모서리에 대해 동일하거나 다른 반경을 정의할 수 있습니다. 그런 다음 코드 호환성을 선택할 수 있습니다. 여기에는 CSS3, WebKit 및 Gecko가 포함됩니다. 이렇게 하면 CSS 테두리 반경 코드를 쉽게 얻을 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 개별적으로 조정하는 옵션입니다.
- 반경 범위 : 가능합니다.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS, WebKit, Gecko.
BusinessWebAdmin.com
BusinessWebAdmin.com은 무료 온라인 CSS Border Radius Generator를 제공합니다. 이것은 Border-Radius.com 과 유사한 인터페이스를 가진 간단한 도구입니다 . 이 도구에는 네 모서리 모두에 대한 입력 필드가 있는 직사각형이 포함되어 있습니다. 그 아래에는 CSS3, WebKit 및 Gecko 옵션이 있습니다. 여기에서 필요에 따라 코드 호환성을 선택할 수 있습니다. 그런 다음 모든 모서리의 반경을 정의하고 컨테이너에 대한 CSS를 얻을 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리의 반경을 개별적으로 설정합니다.
- 반경 범위 : 가능합니다.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS, WebKit, Gecko.
MashMonkey.com
MashMonkey.com은 온라인으로 CSS Border Radius를 생성하는 또 다른 웹사이트입니다. 이 웹사이트는 CSS3, WebKit 및 Gecko와 호환되는 CSS 코드를 생성하는 데 도움을 줄 수 있습니다. 요구 사항에 따라 호환성을 선택할 수 있습니다. 컨테이너에 오면 화면에 직사각형이 표시됩니다. 직사각형의 각 모서리에 입력 필드가 있습니다. 각 필드에 각 모서리의 반경을 간단히 입력할 수 있습니다. 그러면 내부에 CSS 코드가 포함된 컨테이너가 생성됩니다. 여기에서 코드를 복사하여 원하는 목적으로 사용할 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 개별적으로 조정합니다.
- 반경 범위 : 가능합니다.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS, WebKit, Gecko.
CodeSandbox.io
CodeSandbox.io 는 코드 조각을 생성하고 저장할 수 있는 온라인 편집기입니다. WebKit과 호환되는 CSS 테두리 반경을 생성하는 코드 조각이 있습니다. 인터페이스는 대부분 화면 오른쪽에 미리보기로 코딩되어 있습니다. 여기에서 각 모서리의 반경을 설정하는 옵션이 있는 정사각형 모양을 얻을 수 있습니다. 간단히 반경을 추가하고 이에 대한 코드를 얻을 수 있습니다. 이 도구는 사전 설정된 모양도 제공합니다. 간단히 사전 설정을 선택하여 해당 모양을 컨테이너에 적용할 수 있습니다. 이를 통해 코드를 사용하여 CSS 테두리 반경 컨테이너를 빠르게 생성할 수 있습니다.
하이라이트:
- 반경 옵션 : 모든 모서리를 개별적으로 조정합니다.
- 반경 범위 : 가능합니다.
- 색상 옵션 : 해당 없음.
- 스타일 옵션 : 해당 없음.
- 출력 : CSS, WebKit.