Góc bàn tròn mà không có hình nền?

Question

Có thể làm tròn các góc của bảng (nội tuyến) mà không sử dụng hình nền không?

Answer 1

Live Demo

table{ 
    background: red; 
    border-radius:10px; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
} 

phào nhẹ và inline ...

<table style="background: red;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;"> 

Không thực sự chắc chắn những gì bạn có nghĩa là bằng cách chuyển đổi các tế bào để một div mặc dù.

Answer 2

Có, bạn có thể thực hiện việc này. hãy thử mã dưới đây.

#example1 { 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px; 
-webkit-border-radius: 5px; 
} 

Để biết thêm chi tiết, hãy sử dụng hướng dẫn sử dụng this.

Answer 3

Ví dụ này sẽ tạo ra biên giới tròn trên tất cả các góc của 5 px

#example{ 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
} 

Nếu bạn muốn biên giới tròn khác nhau trên các góc khác nhau, hoặc góc tròn cụ thể sửa đổi mã dưới đây

#example1{ 
-webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 10px; 
-webkit-border-bottom-right-radius: 20px; 
-webkit-border-bottom-left-radius: 15px; 
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 10px; 
-moz-border-radius-bottomright: 20px; 
-moz-border-radius-bottomleft: 15px; 
border-top-left-radius: 5px; 
border-top-right-radius: 10px; 
border-bottom-right-radius: 20px; 
border-bottom-left-radius: 15px; 
} 

Check-out http://border-radius.com/

Answer 4

Kiểu nội tuyến vẫn áp dụng cho mã hóa email. Vì vậy, nó có liên quan.