Bài viết này sẽ hướng dẫn bạn:
- Làm cách nào để thay đổi khoảng cách giữa các đoạn văn trong CSS?
- Làm cách nào để thay đổi khoảng cách bên trong đoạn văn trong CSS?
Điều kiện tiên quyết: Tạo tệp HTML
Trang HTML có thể được tạo bằng cách làm theo hướng dẫn:
- Thêm hai “ ” các phần tử trong tệp HTML.
- Chỉ định id là “ Đoạn 1 ' và ' đoạn2 ', tương ứng.
- Chỉ định nội dung đoạn văn trong những như được đưa ra dưới đây:
< P tầng lớp = 'Đoạn 1' >
Những người thành công chỉ đơn giản là nỗ lực rất nhiều và đạt được mục tiêu; họ không có tài năng bẩm sinh.
Những người thành công chỉ đơn giản là nỗ lực rất nhiều và đạt được mục tiêu; họ không có tài năng bẩm sinh. < / P >
< P tầng lớp = 'para2' >
Những người thành công chỉ đơn giản là nỗ lực rất nhiều và đạt được mục tiêu; họ không có tài năng bẩm sinh.
Những người thành công chỉ đơn giản là nỗ lực rất nhiều và đạt được mục tiêu; họ không có tài năng bẩm sinh. < / P >
< / div >
đầu ra
Làm cách nào để thay đổi khoảng cách giữa các đoạn văn trong CSS?
Các ' lề ” thuộc tính có thể thêm khoảng trắng giữa các đoạn văn. Hơn nữa, sử dụng “ lề dưới ” tài sản sẽ là một lựa chọn tốt trong trường hợp này.
Hãy thêm một thuộc tính đường viền để hiển thị không gian lề nổi bật.
Phong cách “para1” Lớp
.Đoạn 1 {biên giới : 1px chất rắn xám ;
lề dưới : 70px ;
}
Các ' .Đoạn 1 ” được sử dụng để truy cập phần tử
có id “ Đoạn 1 ” và áp dụng các thuộc tính sau:
- “ biên giới ” thuộc tính được áp dụng với giá trị của chiều rộng đường viền, kiểu và màu đặt đường viền xung quanh đoạn văn.
- “ lề dưới ” thêm khoảng trống ở cuối đoạn văn.
Phong cách “para2” Lớp
.para2 {biên giới : 1px chất rắn xám ;
}
Các ' ” phần tử có id “ đoạn2 ” cũng được áp dụng với đường viền bằng cách sử dụng CSS “ biên giới ' tài sản.
Có thể thấy rằng các khoảng trắng đã được thêm thành công giữa các đoạn văn:
Làm cách nào để thay đổi khoảng cách bên trong đoạn văn trong CSS?
CSS “ chiều cao giữa các dòng ” Thuộc tính được sử dụng để thêm khoảng trắng giữa các dòng của đoạn văn.
Để làm như vậy, hãy thêm thuộc tính line-height vào “ ” phần tử có id “ Đoạn 1 ”:
chiều cao dòng: 2;đầu ra
Đó là tất cả về việc thay đổi không gian giữa các đoạn văn.
Phần kết luận
Để thay đổi khoảng trắng giữa các đoạn, trước tiên, hãy thêm các đoạn trong tệp HTML bằng cách sử dụng “ ' yếu tố. Sau đó, CSS “ lề dưới ” thuộc tính được sử dụng để thêm khoảng trống giữa các đoạn văn. CSS “ chiều cao giữa các dòng ” thuộc tính thêm khoảng trắng bên trong các đoạn văn. Bài đăng này đã trình bày chi tiết về quy trình thay đổi khoảng cách giữa các đoạn văn và bên trong các đoạn văn.