Tôi muốn bảng HTML của mình chỉ hiển thị đường viền ô ngang. Có cách nào để tôi có thể ẩn các đường viền ô dọc không ??BẢNG không có đường viền ô dọc
9
A
Trả lời
4
Giả sử bạn đang sử dụng kiểu cũ <table border="1">
, hãy đặt số <table border="1" rules="rows">
.
18
Bạn có thể thêm các đường viền ngang hoàn chỉnh bằng cách tạo kiểu tr
thẻ qua CSS.
Ví dụ CSS:
tr {
border-bottom: 1px solid black;
border-top: 1px solid black;
border-collapse: collapse;
}
Tất nhiên, bạn có thể sử dụng bất kỳ phong cách biên giới/chiều rộng/màu bạn chọn.
JS Fiddle: http://jsfiddle.net/XPyzM/
+5
Đối với tôi, điều này chỉ hoạt động khi bạn thay đổi tr thành td trong css – john
+0
Tương tự, tôi không thể thực hiện tác vụ này với thẻ
2
table, th, td {
border-left: none;
border-right: none;
}
-5
Bạn có thể thêm đường viền Nghiêm ngang bởi phong cách thẻ tr qua CSS.
<TABLE
BORDER=1 CELLPADDING=3 CELLSPACING=1
RULES=COLS FRAME=BOX
>
1
<style>
td {border-left: 1px solid black;}
</style>
Các vấn đề liên quan
- 1. Đường viền không được viền đồng nhất trong ô bảng
- 2. Tài liệu WPF: Nhận đường viền của ô Bảng phải
- 3. ITextSharp: Đặt màu viền ô của bảng
- 4. Màu đường viền bảng trong CSS có thu hẹp đường viền
- 5. Xóa đường viền quanh ô Matlab
- 6. Đường viền quanh các ô mẫu
- 7. xóa các đường viền ô trong jtable
- 8. Sắp xếp dọc các số liệu trong các ô bảng?
- 9. Đặt đường viền trong bảng trong HTML
- 10. Đường viền hàng trong bảng HTML5 không có khoảng trống
- 11. Cách thay đổi ký tự soạn đường viền dọc Emacs?
- 12. Loại bỏ khoảng cách giữa các đường viền dọc của bảng <td> s
- 13. Cách tạo kiểu bảng chỉ với khoảng cách ô dọc?
- 14. Đường viền cho các ô trong GridLayout, TableLayout hoặc GridView?
- 15. Xóa tất cả đường viền ô và hàng DataGrid
- 16. Nút không có đường viền của Android
- 17. Đường viền đen mỏng cho một bảng
- 18. Thêm đường viền bảng trong jasperreports
- 19. Cách đặt Đường viền cho bảng
- 20. Vấn đề CSS trên iPad với đường viền bảng
- 21. Ảnh SVG có đường viền/nét viền
- 22. xóa lưới jtable (đường viền ô) hoàn toàn
- 23. Đặt đường viền của ô QTableWidget thành 0px
- 24. hiển thị css: bảng không hiển thị đường viền
- 25. Matplotlib: ô đường viền với tiện ích con trượt
- 26. Vẽ các đường viền bảng trong libgdx 0.9.7
- 27. jQuery: Nhận ô trong bảng tiếp theo chiều dọc
- 28. Văn bản dọc trong IE trong ô bảng
- 29. Tròn UIButton không có đường viền
- 30. Làm thế nào để vẽ đường viền bảng chéo trong mủ cao su, như trong Excel?
Chăm sóc - không tương thích với tất cả các trình duyệt IE dụ – john
Uh ... kể từ khi nào? Đây là HTML 3.2, tôi sẽ lo lắng nếu IE không hỗ trợ nó! –
quy tắc bảng không được hỗ trợ trong HTML5 –