Miễn phí, không cần tài khoản
Trình tạo bán kính đường viền CSS
Định hình từng góc một cách độc lập, bao gồm bán kính hình elip ngang và dọc. Xem trước kết quả và sao chép CSS nhỏ gọn.
Làm cách nào để tạo các giá trị CSS border-radius?
Chọn pixel hoặc tỷ lệ phần trăm, điều chỉnh bán kính ngang và dọc cho mỗi góc, sau đó sao chép khai báo border-radius đã tạo. CSS có thể chuẩn hóa các bán kính chồng chéo theo tỷ lệ để phù hợp với phần tử.
Câu hỏi thường gặp
Làm cách nào để tạo các giá trị CSS border-radius?
Chọn pixel hoặc tỷ lệ phần trăm, điều chỉnh bán kính ngang và dọc cho mỗi góc, sau đó sao chép khai báo border-radius đã tạo. CSS có thể chuẩn hóa các bán kính chồng chéo theo tỷ lệ để phù hợp với phần tử.
CSS hoặc thiết kế của tôi đã được tải lên chưa?
Không. Bản xem trước và CSS được tạo trong tab trình duyệt này. Không có tải lên, tài khoản, lệnh gọi API hoặc lưu tự động.
Mỗi góc có thể có bán kính khác nhau không?
Vâng. Đặt giá trị ngang và dọc riêng biệt cho các 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 và dưới cùng bên trái.
Dấu gạch chéo trong border-radius có nghĩa là gì?
Nó tách bán kính ngang khỏi bán kính dọc, tạo các góc hình elip. Nếu mỗi góc sử dụng cùng một giá trị ngang và dọc, trình tạo sẽ bỏ qua dấu gạch chéo.
Tại sao bản xem trước có thể trông nhỏ hơn giá trị?
CSS chuẩn hóa theo tỷ lệ bán kính sẽ chồng lên nhau ở một cạnh. Đó là hành vi tiêu chuẩn của trình duyệt và cũng được áp dụng trong bản xem trước này.