Trong trang web của tôi, tôi cần phải thực hiện một div có góc tròn chỉ ở các góc trên cùng. Nhưng tôi không biết làm thế nào để làm điều này. Ai đó có thể giúp tôi?Làm cách nào để làm cho các góc được làm tròn chỉ trên phần trên cùng của đường viền trong css?
Trả lời
câu trả lời Brendan là đúng, nhưng để có được nó để render trong các trình duyệt khác, bạn nên sử dụng này:
-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
border-radius đã được chuẩn hóa khá nhiều rồi. Nó sẽ hoạt động trong tất cả các trình duyệt mới mà không có tiền tố của nhà cung cấp. –
Tuy nhiên, bạn không thể cho rằng mọi người đang sử dụng các trình duyệt mới. Tốt hơn để trang trải cơ sở của bạn. – NotJay
Đồng ý - nhưng bạn cũng có thể thả '-moz-' ngay bây giờ - nó đủ dài – marksyzm
Những câu trả lời khác là chính xác nhưng có là giải pháp tốc ký:
border-radius: 3px 3px 0 0;
mà sẽ tròn chỉ các góc trên cùng và để lại những người dưới mình. Thứ tự của các giá trị là theo chiều kim đồng hồ - trên cùng bên trái, trên cùng bên phải, dưới cùng bên phải, dưới cùng bên trái.
Dưới đây là một ví dụ: http://jsfiddle.net/9sXWf/
Tôi chắc rằng bạn biết cách định dạng mã của mình đúng cách, cũng như hy vọng cung cấp một ví dụ hoàn chỉnh? –
Umm .. okay, chắc chắn. Thêm ví dụ và câu trả lời được định dạng lại. – Swader
- 1. Làm cách nào để làm tròn các góc của đường viền bảng iTextSharp?
- 2. Chrome không nhận được đường viền CSS được làm tròn
- 3. Góc tròn chỉ trên một số góc trong css
- 4. Làm cách nào để tạo đường viền đứt nét với các góc tròn trong WPF?
- 5. Làm thế nào để có được một đường viền mỏng trong qtip với các góc tròn?
- 6. Làm cách nào để tạo đường viền chấm chấm trên phần tử Đường viền trong Silverlight?
- 7. Góc tròn iOS UIImage với đường viền
- 8. Làm thế nào để chỉ làm tròn các góc trên UITableView?
- 9. Làm cách nào để tạo các góc bo tròn trên Đầu Bảng chỉ
- 10. Làm cách nào để đường viền bên trái chồng lên đường viền dưới cùng trên pixel dưới cùng bên trái?
- 11. Kết hợp đường viền trên cùng, đường viền phải, đường viền trái, đường viền dưới cùng trong CSS
- 12. CSS cho góc trên cùng bên phải của trang
- 13. Góc trên bên trái và bên phải được làm tròn trong Javafx/CSS
- 14. Làm cách nào để đặt đường viền gradient trên UIView?
- 15. Góc được làm tròn thiên văn trên Android ImageView
- 16. CSS góc tròn trên một vấn đề ảnh
- 17. CSS Góc tròn
- 18. Làm cách nào để tạo các tab nghiêng bằng đường viền trong CSS?
- 19. Đường viền trên một ảnh bitmap với các góc bo tròn trong Android
- 20. Làm cách nào để đặt đường viền trên khu vực?
- 21. Làm thế nào để tạo các góc hình chữ nhật tròn trên (hoặc dưới) trong Silverlight?
- 22. Thêm đường viền chrome trên <select> mục bằng góc tròn
- 23. Làm cách nào để buộc đường viền css hiển thị trên trang lớp?
- 24. Làm cách nào để tạo đường viền xung quanh các phần tbody/thead của bảng?
- 25. Làm cách nào để nhận được thuộc tính đường viền và đường biên làm việc cùng nhau?
- 26. Góc tròn trên UIView
- 27. Làm cách nào để xóa đường viền khỏi Hộp thoại?
- 28. Khôi phục đường viền CSS của Webkit trên trường nhập
- 29. Làm cách nào để tạo góc nghiêng trên UIView?
- 30. Góc làm tròn các nút trong kivy
gì bạn đã thử khi cố gắng để thiết lập [ ' border-radius'] (http://www.w3.org/TR/css3-background/#the-border-radius)? – Sampson
Thật khó hiểu về những gì cấu thành một câu hỏi thực sự. Nếu đây không phải là một câu hỏi thực thì cái gì? –
Ngay cả trong lần sửa đổi đầu tiên của câu hỏi này cũng đủ dễ dàng để xem những gì đã được hỏi. Tôi đồng ý, điều này không nên bị đóng. – thomasrutter