Cách tạo khoảng cách giữa hai tiêu đề trong html

Trong bài viết này, chúng ta sẽ biết cách thêm khoảng cách giữa các phần tử trong bảng HTML, cùng với việc hiểu cách thực hiện nó thông qua các ví dụ. Chúng tôi có thể sử dụng CSS bình thường để thực hiện các thay đổi trong bảng, nơi chúng tôi sẽ sử dụng thuộc tính đường viền để tạo khoảng cách giữa các phần tử tbody khác nhau

Không cần kiến ​​thức chuyên sâu và trước đó, nó chỉ là các thủ thuật CSS và HTML cơ bản

Ghi chú. Điều duy nhất cần lưu ý là phải có một thẻ “tr” bên trong thẻ tbody

ví dụ 1. Đoạn mã sử dụng thuộc tính border-top để tạo khoảng cách giữa các phần tử được đưa ra bên dưới

HTML




<html lang="en">

 

<head>

<0______1<2 <3=<5>

<0__<<2 html0=html2

html3______24html5=html7html8

html9lang0____4lang2lang3

<0<lang6lang7lang6>

<0____1____42>

<0=5

=6=7

=6=9

<0"en"1

<0

<0"en"4

=6"en"6

<0"en"1

<0

<0>1

=6>3

=6>5

<0"en"1

<0

<0<0

=6<2

<0"en"1

<0<6____42>

<6head>

 

<____83>

<0____1____87>

=6<>1 >2=>4>

>6<>8>

<00<<02<03<02>

<00<<02<03<02>

>6<6>8>

>6<>8>

<00<<02<03<02>

<00<<02<03<02>

>6<6>8>

=6<6______61>

=6<>1 >2=>4>

>6<>8>

<00<<02<03<02>

<00<<02<03<02>

>6<6>8>

>6<>8>

<00<<02<03<02>

<00<<02<03<02>

>6<6>8>

=6<6______61>

=6<>1 >2=>4>

>6<>8>

<00<<02<03<02>

<00<<02<03<02>

>6<6>8>

>6<>8>

<00<<02<03<02>

<00<<02<03<02>

>6<6>8>

=6<6______61>

<0<6____87>

<6head3>

 

<6html____6

đầu ra

Cách tạo khoảng cách giữa hai tiêu đề trong html

Thêm khoảng cách giữa các phần tử trong bảng

ví dụ 2. Trong ví dụ dưới đây, chúng tôi đã sử dụng. trước thuộc tính bộ chọn, điều này sẽ giúp tạo khoảng cách giữa các phần tử tbody, vì vậy mã cho điều này được đưa ra bên dưới. Ngoài ra, chúng tôi đã sử dụng tràn. thuộc tính ẩn trong bảng để ngăn tràn phần tử trước