Trình tạo bán kính dọc
Tạo ra đường biên CSS với ô xem thử hình ảnh
tools.borderRadiusGenerator.title
tools.borderRadiusGenerator.description
border-radius: 10px 10px 10px 10px;10px / 10px / 10px / 10px
Tạo các góc bo tròn bằng Border Radius Generator của chúng tôi. Thiết kế các giá trị bán kính đường viền CSS tùy chỉnh một cách trực quan và sao chép mã ngay lập tức cho các dự án web của bạn.
Key Features
Xem trước trực quan các hiệu ứng bán kính đường viền
Điều khiển độc lập cho từng góc (trên cùng bên trái, trên cùng bên phải, dưới cùng bên phải, dưới cùng bên trái)
Tạo mã CSS thời gian thực
Chức năng sao chép vào clipboard
Giá trị bán kính đặt trước để lựa chọn nhanh
Tùy chọn thuộc tính riêng lẻ và tốc ký CSS
Máy phát điện bán kính biên giới
Điều Chỉnh Góc
Sử dụng thanh trượt để đặt giá trị pixel cho từng góc (trên cùng bên trái, trên cùng bên phải, dưới cùng bên trái, dưới cùng bên phải)
Xem bản xem trước
Xem hiệu ứng bán kính đường viền được áp dụng cho phần tử mẫu trong thời gian thực
Sao chép CSS
Mã CSS tự động cập nhật khi bạn điều chỉnh giá trị
Dán vào Mã
Nhấp vào nút Sao chép CSS để thêm mã vào biểu định kiểu của bạn
Áp dụng cho các phần tử
Sử dụng CSS đã sao chép trong các phần tử HTML của bạn để tạo các góc bo tròn
Use Cases
Tạo các thiết kế nút tròn hiện đại
Thiết kế bố cục thẻ cong cho các thành phần UI
Xây dựng khung thư viện hình ảnh tùy chỉnh với các góc tròn
Phát triển các yếu tố thiết kế đáp ứng với đường viền mượt mà
Frequently Asked Questions
Bán kính đường viền được sử dụng để làm gì?
Bán kính đường viền tạo các góc tròn trên các phần tử HTML bằng cách sử dụng kiểu CSS
Tôi có thể tạo một vòng tròn có bán kính đường viền không?
Có, đặt chiều rộng/chiều cao bằng nhau và sử dụng bán kính 50% để tạo vòng tròn hoàn hảo
Làm cách nào để áp dụng bán kính khác nhau cho mỗi góc?
Trình tạo cho phép điều chỉnh độc lập cho từng góc bằng các giá trị riêng biệt
CSS có tương thích với tất cả các trình duyệt không?
Có, bán kính đường viền được hỗ trợ trong tất cả các trình duyệt hiện đại và thậm chí cả các phiên bản cũ hơn
Tool Information
Related Tools You Might Like
Trình tạo bảng màu từ ảnh
Name
Bộ chuyển đổi RGB/HEX
Chuyển đổi giữa định dạng màu RGB và Hex
Chung
Tạo lược tự chọn với ô xem thử
Trình kiểm tra độ tương phản WCAG
Kiểm tra độ tương phản màu theo tiêu chuẩn WCAG
Trình tạo chữ ký số
Tạo các ký hiệu kỹ thuật số có cấu hình khác nhau
Name
Tạo ra bóng hộp CN
Máy tính âm lượng Surfboard
Tính toán một khối lượng hoàn hảo dựa trên trọng lượng, mức kinh nghiệm và điều kiện sóng.
Trình chuyển đổi chiều cao Sóng
Chuyển đổi giữa các đợt đo chiều cao khác nhau (mặt cao, tỷ lệ Hawaii, sóng biển).
Comment
Lên kế hoạch lặn với giới hạn độ sâu, thời gian dưới và mức an toàn.