2012-06-28 38 views

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">.

+0

Chăm sóc - không tương thích với tất cả các trình duyệt IE dụ – john

+0

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

+0

quy tắc bảng không được hỗ trợ trong HTML5 –

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ẻ trong Safari hoặc Chrome? – woody121

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 
> 
+0

RULES = "COLS" thực hiện ngược lại. Bạn có nghĩa là CSS, nhưng ví dụ của bạn hiển thị các thuộc tính html. – sakibmoon

+0

Đó không phải là CSS ... – daGUY

+0

Thực hành đáng kinh ngạc, không có dấu phẩy, mọi thứ viết hoa ... tsc tsc tsc – Heitor

1
<style> 
    td {border-left: 1px solid black;} 
</style> 
Các vấn đề liên quan