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

最新情報を受け取る