Tạo div có thể cuộn theo chiều dọc bằng CSS

Tao Div Co The Cuon Theo Chieu Doc Bang Css



Các nhà phát triển web sử dụng các thành phần HTML, chẳng hạn như đầu trang và chân trang, điều hướng, div, hình ảnh và nhiều thành phần khác để phân chia trang web và nhúng nội dung. Cụ thể hơn, “

” phần tử là một thành phần HTML phổ biến cung cấp một cách dễ dàng để chia trang thành các phần. Một số người dùng muốn làm cho các thành phần “
” có thể cuộn theo chiều dọc hoặc chiều ngang để tiết kiệm không gian trang web.

Bài đăng này sẽ trình bày phương pháp tạo div có thể cuộn theo chiều dọc bằng cách sử dụng CSS.







Làm cách nào để Tạo/Tạo div Có thể cuộn theo chiều dọc bằng CSS?

Để tạo một div có thể cuộn theo chiều dọc bằng cách sử dụng CSS, hãy làm theo các hướng dẫn đã cho.



Bước 1: Thêm tiêu đề



Trước hết, hãy thêm một “ ” để thêm dữ liệu vào giữa trang. Sau đó, chèn tiêu đề bằng cách sử dụng nút “

' nhãn.





Bước 2: Tạo div Container trong HTML

Sau đó, tạo một “

” vùng chứa và gán lớp có tên “ cuộn-div ”. Sau đó, thêm một số văn bản hoặc một đoạn văn bản vào giữa các thẻ
:





< trung tâm >
< h1 > Trang web Linuxhint h1 >
< div tầng lớp = 'cuộn-div' > Linuxhint là một trang web phổ biến sáng tạo nội dung. nó đã xây dựng nhiều sản phẩm để Cứu giúp bạn tìm hiểu về Linux, Lập trình, Khoa học Máy tính, v.v. Nền tảng này cung cấp công việc trên các danh mục khác nhau, bao gồm cả HTML / CSS, javascript, Git, Windows, Dockers, Discord và nhiều thứ khác. Nó cung cấp một hoàn thành hướng dẫn về các loại này. Người dùng có thể tìm thấy bất kỳ chủ đề nào liên quan đến danh mục được đề cập. Trong tình huống này nếu bạn là người mới bắt đầu, bạn có thể tham khảo hướng dẫn viết một bài báo.
div >
trung tâm >

đầu ra

Bước 3: Tiêu đề kiểu

Truy cập phần tử tiêu đề bằng cách chỉ định tên thẻ ở giữa các thẻ