CSS Tròn góc Divs

Question

Làm thế nào để làm cho chỉ một hoặc hai hoặc ba góc của một vòng div?

Answer 1

Xác định các góc bạn muốn:

border-top-left-radius: 10px 5px; 
border-bottom-right-radius: 10% 5%; 
border-top-right-radius: 10px; 

http://www.css3.info/preview/rounded-border/

Answer 2

Dưới đây là một nguồn lực tuyệt vời mà bạn có thể tìm thấy hữu ích để làm điều đó cho bạn và học hỏi.

http://borderradius.com/

Chúc may mắn!

Vâng để trả lời bạn câu hỏi (ngoài công cụ):

Một góc (trên cùng bên trái):

-webkit-border-top-left-radius: 10px; 
-moz-border-radius-topleft: 10px; 
border-top-left-radius: 10px; 

Hai góc (trên cùng bên trái và bên phải):

-webkit-border-top-left-radius: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px; 

Ba góc (trên cùng bên trái và bên phải và dưới cùng bên phải)

-webkit-border-radius: 10px; 
-webkit-border-bottom-left-radius: 0; 
-moz-border-radius: 10px; 
-moz-border-radius-bottomleft: 0; 
border-radius: 10px; 
border-bottom-left-radius: 0; 

Và cứ thế ...

Tất cả bán kính 10px, rất dễ dàng thực hiện với công cụ mà tôi khuyên dùng.

BTW: Đừng bỏ lỡ idlefingers 'câu trả lời, tài nguyên rất tốt !!

Xem thêm: Creating rounded corners using CSS

Answer 3

Không có câu trả lời khác làm việc với IE8, vì vậy đây là một liên kết với nhiều giải pháp khả thi:

DevWebPro

Answer 4

sử dụng border-radius

border-radius:5px; 

furt Link