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?Góc bàn tròn mà không có hình nền?
Trả lời
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ù.
em ... tại sao tiếng thở dài? –
Bởi vì bạn nên cố gắng không bao giờ sử dụng phong cách Inline họ là khủng khiếp khi nói đến bảo trì. – Loktar
Tôi biết - bảng kiểm tra duy nhất của nó. –
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.
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/
Kiểu nội tuyến vẫn áp dụng cho mã hóa email. Vì vậy, nó có liên quan.
có, tôi thực sự là một vấn đề thực tế –