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>
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 –