Tạo CSS Border Radius

border-radius: 50% 50% 50% 50%;

↖ H: 50%

↗ H: 50%

↘ H: 50%

↙ H: 50%

↖ V: 50%

↗ V: 50%

↘ V: 50%

↙ V: 50%

Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi

Tạo CSS Border Radius la gi?

Công cụ tạo CSS border-radius trực tuyến miễn phí với tám điều khiển góc độc lập và thanh trượt, hiển thị xem trước trực tiếp hình bo tròn và tạo mã CSS border-radius sẵn sàng sao chép cho mọi phần tử.

Cach su dung

1
Điều chỉnh tùy chọn— Điều chỉnh kiểu dáng bằng thanh trượt và bộ chọn màu.
2
Kiểm tra xem trước— Kiểm tra kết quả trong bản xem trước thời gian thực.
3
Sao chép mã— Sao chép mã CSS hoặc SVG để sử dụng trong dự án của bạn.

Cong cu lien quan

Tạo CSS GradientTrình tạo CSS gradient trực quan miễn phí: thiết kế gradient linear, radial và conic, điều chỉnh điểm dừng màu và góc, rồi sao chép mã CSS sẵn dùng cho nền trang web của bạn.

Tạo CSS Box ShadowCông cụ tạo CSS box-shadow trực tuyến miễn phí với điều khiển offset, blur, spread, màu và inset, hiển thị xem trước bóng trực tiếp và tạo mã CSS box-shadow sẵn sàng sao chép cho mọi phần tử.

Cau hoi thuong gap

Đây là công cụ trực tuyến miễn phí để chỉnh sửa trực quan border-radius 8 giá trị.

Có, các preset kiểu dáng thường dùng được cung cấp.

Có, bạn có thể sao chép trực tiếp mã CSS đã tạo.

Không. Mọi xử lý đều được thực hiện trong trình duyệt.

Có, thiết kế responsive hoạt động trên thiết bị di động.