Làm thế nào để nối hai ô theo dòng của bảng trong HTML? | How to merge two row cells in table HTML?

Trong việc thiết kết bảng(table) HTML thì việc gặp các trường hợp phải nối các dòng cells lại để trình trình bày nội dung của bảng một cách logic và chuyên nghiệp. Bài viết này tôi sẽ hướng dẫn cách nối hai ô dạng dòng(merge two column cells).

Làm thế nào để nối hai ô theo cột của bảng trong HTML? | How to merge two column cells in table HTML?

Trong việc thiết kết bảng(table) HTML thì việc gặp các trường hợp phải nối các cột cells lại để trình trình bày nội dung của bảng một cách logic và chuyên nghiệp. Bài viết này tôi sẽ hướng dẫn cách nối hai ô dạng cột(merge two column cells).

Soure HTML Design Table - Border Radius Gray 60.

Mẫu thiết kế bảng(table) có boder radius(điền viền cong) HTML theo tông màu trắng và xám(white & gray), kèm theo hiệu ứng chuột tô màu khi dòng dữ liệu được con trỏ chuột(mouse) trỏ vào.

Soure HTML Design Table - Red Orange.

Mẫu thiết kế bảng(table) HTML màu đỏ cam, kèm theo hiệu ứng chuột tô màu khi dòng dữ liệu được con trỏ chuột(mouse) trỏ vào.

Soure HTML Design Table - Blue Green

Một mẫu HTML table  màu xanh lơ, mẫu này tính ra cũng khá đẹp, lại đơn giản dễ sử dụng, ngoài ra còn có thêm sự kiện chuột(mouse) tô màu row khi được con trỏ chỉ vào.

Tháp thu nước sách bằng nguyên liệu tự nhiên.

Thiết bị này có vẻ bề ngoài như một chiếc giỏ hoa xinh xắn làm bằng tre, cao 9,2m. Nó được dùng để thu nhận và cung cấp nước sạch cho các khu vực kém phát triển.

Chiếc bàn có khả năng tăng gấp đôi diện tích trong giây lát.

Chiếc bàn có tên là Fletcher Capstan, được phát minh bởi nhà thiết kế người Anh David Fletcher có khả năng tăng diện tích mặt bằng lên gấp 2 lần trong vài giây, và nó cũng có thể thu nhỏ gọn lại khi cần tiết kiệm không gian.