Membuat div Dapat Digulir Secara Vertikal Menggunakan CSS

Membuat Div Dapat Digulir Secara Vertikal Menggunakan Css



Pengembang web menggunakan komponen HTML, seperti header dan footer, nav, div, gambar, dan banyak lainnya untuk membagi halaman web dan menyematkan konten. Lebih khusus lagi, “

” adalah komponen HTML populer yang menyediakan cara mudah untuk membagi halaman menjadi beberapa bagian. Beberapa pengguna ingin membuat komponen “
” dapat digulir secara vertikal atau horizontal untuk menghemat ruang halaman web.

Posting ini akan menunjukkan metode untuk membuat div yang dapat digulir secara vertikal dengan memanfaatkan CSS.





Bagaimana Cara Membuat/Membuat div yang Dapat Digulir Secara Vertikal Dengan CSS?

Untuk membuat div yang dapat digulir secara vertikal dengan menggunakan CSS, ikuti petunjuk yang diberikan.



Langkah 1: Tambahkan Tajuk



Pertama-tama, tambahkan “ ” tag untuk menambahkan data di tengah halaman. Kemudian, masukkan tajuk dengan menggunakan “

” tag.



Langkah 2: Buat Wadah div dalam HTML

Setelah itu, buat '

” wadah dan tetapkan kelas bernama “ scroll-div ”. Setelah itu, tambahkan beberapa teks atau paragraf di antara tag
:





< tengah >
< h1 > Situs Linuxint h1 >
< div kelas = 'gulir-div' > Linuxint adalah situs web yang populer untuk pembuatan konten. itu telah membangun banyak produk untuk Tolong Anda belajar tentang Linux, Pemrograman, Ilmu Komputer, dan banyak lagi. Platform ini menyediakan pekerjaan pada berbagai kategori, termasuk HTML / CSS, javascript, Git, Windows, Dockers, Discord, dan banyak lainnya. Ini menyediakan a menyelesaikan panduan tentang kategori ini. Pengguna bisa Temukan topik apa pun yang terkait dengan kategori yang disebutkan. Dalam situasi ini jika Anda seorang pemula, Anda dapat merujuk ke pedoman untuk menulis artikel.
div >
tengah >

Keluaran

Langkah 3: Judul Gaya

Akses elemen heading dengan menentukan nama tag di antara tag