Hướng dẫn how to remove vertical border in table css - cách xóa viền dọc trong bảng css

Tôi muốn bảng HTML của tôi chỉ hiển thị các đường viền ô ngang. Có cách nào tôi có thể che giấu các đường viền di động thẳng đứng không?

hỏi ngày 28 tháng 6 năm 2012 lúc 2:07Jun 28, 2012 at 2:07

0

Bạn có thể thêm các đường viền theo chiều ngang nghiêm ngặt bằng cách tạo kiểu tr thẻ thông 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ỳ kiểu biên giới/chiều rộng/màu nào bạn chọn.

JS Fiddle: //jsfiddle.net/xpyzm/

Đã trả lời ngày 28 tháng 6 năm 2012 lúc 2:12Jun 28, 2012 at 2:12

JSW189JSW189JSW189

6.19711 Huy hiệu vàng42 Huy hiệu bạc71 Huy hiệu đồng11 gold badges42 silver badges71 bronze badges

3

Giả sử bạn đang sử dụng

Đã trả lời ngày 28 tháng 6 năm 2012 lúc 2:10Jun 28, 2012 at 2:10

5

table, th, td {
  border-left: none;
  border-right: none;
}

Đã trả lời ngày 28 tháng 6 năm 2012 lúc 4:42Jun 28, 2012 at 4:42

Jukka K. Korpelajukka K. KorpelaJukka K. Korpela

Phim thương hiệu vàng 191K3636 gold badges257 silver badges377 bronze badges

Cuối cùng tôi đã tìm ra điều này, bạn cần đặt tài sản border-collapse theo phong cách của

table, th, td {
  border-left: none;
  border-right: none;
}

CSS:

table {
    border-collapse: collapse;
}

tr {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

Và bảng của bạn sẽ chỉ có các đường ngang!

Đã trả lời ngày 24 tháng 8 năm 2020 lúc 0:55Aug 24, 2020 at 0:55

Shingzhshingzhshingzh

Huy hiệu bạc 10115 Huy hiệu đồng1 silver badge5 bronze badges

  td {border-left: 1px solid black;}

Đã trả lời ngày 27 tháng 7 năm 2013 lúc 1:31Jul 27, 2013 at 1:31

John Ktejikjohn Ktejikjohn ktejik

5,8224 Huy hiệu vàng 50 Huy hiệu bạc55 Huy hiệu Đồng4 gold badges50 silver badges55 bronze badges

Bạn có thể thêm các đường viền theo chiều ngang nghiêm ngặt bằng cách tạo kiểu TR thông qua CSS.

Mike

22.7K14 Huy hiệu vàng73 Huy hiệu bạc86 Huy hiệu đồng14 gold badges73 silver badges86 bronze badges

Đã trả lời ngày 12 tháng 7 năm 2013 lúc 10:57Jul 12, 2013 at 10:57

2

• Xóa khỏi các diễn đàn của tôi

• Câu hỏi

• User1226526163 Đã đăng

  Hi,

  Nếu tôi không muốn bất kỳ đường thẳng đứng nào giữa các cột của tôi trong bảng HTML làm thế nào để làm?

Câu trả lời

• User551462331 đã đăng

  thử cái này

hi vọng điêu nay co ich...

• Được đánh dấu là câu trả lời Bythursday, ngày 7 tháng 10 năm 2021 12:00 sáng Thursday, October 7, 2021 12:00 AM

table
{
    border-collapse: collapse;
}

td
{
    border: solid 1px;
    border-left: none;
    border-right: none;
}