CSS Border Radius 생성기 도구

Generate CSS border-radius values visually. Control individual corners, use presets, and copy CSS code instantly. Free online tool for web developers.

Top Left20px

Top Right20px

Bottom Right20px

Bottom Left20px

Background

Border Color

Border Width: 2px

Presets

CSS

border-radius: 20px 20px 20px 20px;
border: 2px solid #1e40af;
background-color: #3b82f6;

CSS Border Radius Generator Tool

Create beautiful rounded corners with our visual CSS border-radius generator. Control each corner independently, choose from presets like pill, circle, leaf, and blob shapes. Customize colors and border width, then copy the CSS code directly to your project.

Features

Individual corner control with linked/unlinked mode
8 shape presets (Rounded, Pill, Circle, Leaf, Drop, etc.)
Live visual preview with customizable colors
One-click CSS code copy with border and background

𝕏 Twitter in LinkedIn

이 도구 평가

4.7 / 5 · 196 개 평가

더 많은 도구

🌈CSS 그라디언트 생성기 📦CSS Box Model Visualizer 📐CSS Flexbox Generator ⊞CSS Grid Generator

CSS Border Radius 생성기 도구

CSS Border Radius Generator Tool

Features

더 많은 도구

Recommended

최신 소식 받기