Tôi có thể tạo một hình tròn không?

Có – đặt border-radius: 50% trên một phần tử hình vuông. Sử dụng cài đặt trước 'square element'.

border-radius hình elip là gì?

Mỗi góc có thể có bán kính ngang và dọc riêng biệt (ví dụ: 50% / 30%) để tạo các hình 'blob' mềm mại, hữu cơ.

Nó có xuất Tailwind không?

Đối với bán kính đồng nhất, có. Tùy chỉnh từng góc cần CSS tùy chỉnh.

Trình tạo này có miễn phí không?

Có – hoàn toàn miễn phí, không cần đăng ký.

Màu sắc & Thiết kế

Trình tạo Border Radius

Trình tạo border-radius CSS miễn phí. Tạo trực quan bán kính từng góc với bản xem trước trực tiếp. Sao chép CSS viết tắt. Dành cho nút, thẻ và bất kỳ hình dạng tròn nào.

Runs in your browser

Border radius generator

Top left16px

Top right16px

Bottom left16px

Bottom right16px

CSS

border-radius: 16px;

Ghi chú của biên tập viên

Understanding · The shape of a corner.

Chương phân tích chuyên sâu này hiện chỉ có sẵn bằng tiếng Anh. Công cụ chuyển đổi ở trên hoạt động bằng ngôn ngữ của bạn; bài viết giải thích dài chưa được dịch.

Các câu hỏi thường gặp

Quick answers.

›Can I make a circle?

Yes — set border-radius: 50% on a square element. Use the 'square element' preset.

›What's elliptical border-radius?

Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.

›Does it output Tailwind?

For uniform radii, yes. Per-corner customisation needs custom CSS.

›Is the generator free?

Yes — fully free, no signup.

Mọi người cũng tìm kiếm

Công cụ liên quan

More in this room.

Xem tất cả trong Màu sắc & Thiết kế