Tạo border-radius
Xem trước và sao chép giá trị border-radius CSS cho từng góc theo pixel hoặc phần trăm.
Hướng dẫn sử dụng
Bo tròn các góc
Nhập giá trị cho từng góc và chọn pixel hoặc phần trăm. Xem trước cập nhật khi bạn nhập.
- Nhập giá trị trên trái, trên phải, dưới phải và dưới trái.
- Chọn px hoặc phần trăm.
- Sao chép khai báo border-radius.
Đơn vị phần trăm
Phần trăm tính theo kích thước hộp, nên 50% trên hình vuông tạo hình tròn, trên hình chữ nhật tạo hình elip.
Câu hỏi thường gặp
Các góc có thể khác nhau không?
Có. Mỗi góc có ô nhập riêng, cho phép tạo hình bất đối xứng và góc kiểu lá.
Có hỗ trợ cú pháp elip không?
Giá trị tạo ra dùng dạng một bán kính mỗi góc. Thêm dấu gạch chéo thủ công nếu cần bán kính ngang và dọc khác nhau.
Công cụ liên quan
Tạo box-shadow CSS
Tạo bóng hộp với thanh trượt độ lệch, độ mờ, độ lan và màu, rồi sao chép CSS.
Tạo gradient CSS
Thiết kế gradient CSS tuyến tính hoặc hướng tâm với xem trước trực tiếp và mã CSS sẵn sàng.
Định dạng CSS
Làm đẹp CSS với mỗi thuộc tính một dòng và thụt lề nhất quán.
Tạo UUID / GUID
Tạo UUID phiên bản 4 ngẫu nhiên, sao chép từng cái hoặc hàng loạt.
Tạo mã băm
Tính mã băm MD5, SHA-1, SHA-256 và SHA-512 cho mọi văn bản.
Chuyển đổi Timestamp
Chuyển đổi giữa Unix timestamp, ISO 8601 và ngày giờ địa phương dễ đọc.