Chuyển đổi màu
Đổi HEX, RGB và HSL cùng độ trong suốt, xem mẫu màu và sao chép giá trị CSS.
Tạo góc bo tròn CSS
Chỉnh bốn góc đồng thời hoặc riêng lẻ, xem trước góc bo elip và xuất border-radius CSS.
Góc elip
Xem trước
CSS
Giới thiệu công cụ
So sánh góc tròn và elip cho nút, thẻ hoặc huy hiệu.
Cách sử dụng
Chọn px hoặc %, rồi dùng thanh trượt hay nhập số để chỉnh bán kính các góc. Ban đầu bốn góc được liên kết; tắt liên kết để chỉnh riêng. Trong tùy chọn elip, bật bán kính dọc riêng để điều chỉnh độ cong ngang và dọc khác nhau.
Giá trị từ 0–500 px hoặc 0–100%. Phần xem trước và CSS được sao chép hay tải xuống dùng cùng các số. Tỷ lệ phần trăm phụ thuộc kích thước thật của phần tử. Đổi đơn vị làm thay đổi cách hiểu giá trị, không phải phép quy đổi giữ nguyên kích thước hiển thị.
Câu hỏi thường gặp
Dấu gạch chéo trong border-radius là gì?
Trước dấu là bán kính ngang, sau dấu là bán kính dọc. CSS thu nhỏ các bán kính chồng nhau theo tỷ lệ để vừa hộp.
Vì sao 50% tạo hình bầu dục thay vì hình tròn?
Bán kính phần trăm dùng chiều rộng và chiều cao riêng biệt. Với 50%, một khung chữ nhật thành hình elip; muốn có hình tròn thì rộng và cao phải bằng nhau. Dùng pixel khi cần bán kính góc cố định và kiểm tra CSS trên đúng kích thước phần tử thực tế.
Công cụ liên quan
Mở trong thẻ mới
Bình luận
0