Cara Membuat: Bentuk CSS
Belajar cara menggunakan CSS untuk mencipta bentuk yang berbeda.
Jadwal kelas Kotak kesayangan
Menu
- Bar ikon
- Ikon menu
- Alat musik
- Tab
- Tab vertikal
- Judul tab
- Tab halaman penuh
- Tab yang dihentui
- Navigasi atas
- Navigasi atas yang responsif
- Navigasi yang dipisahkan
- Bilah navigasi dengan ikon
- Menu pencarian
- Bar pencarian
- Bilah sisi yang tetap
- Navigasi sisi
- Bilah sisi yang responsif
- Navigasi layar penuh
- Menu di luar kanvas
- Tombol navigasi sisi yang dihentui
- Bilah sisi dengan ikon
- Menu gerak horizontal
- Menu vertikal
- Navigasi bawah
- Navigasi bawah yang responsif
- Tautan Navigasi Dibawah Bingkai
- Tautan Menu Kanan
- Tautan Menu Tengah
- Tautan Menu Sama Lebar
- Menu Tetap
- Navigasi Menurun Saat Bergerak
- Navigasi Tersembunyi Saat Bergerak
- Navigasi Kecil Saat Bergerak
- Navigasi Menempel
- Navigasi Pada Gambar
- Menu Tarik Turun Panjang
- Menu Tarik Turun Klik
- Menu Tarik Turun Kaitan
- Menu Tarik Turun Di atas Navigasi
- Menu Tarik Turun Di Samping Navigasi
- Navigasi Berjangka yang Dapat Disaring Dengan Menu Tarik Turun
- Menu Navigasi Anak
- Menu Tarik Turun
- Menu Super
- Menu Bergerak
- Menu Jalat
- Samping Berbalik
- Panel Samping Berbalik
- Pembagian Halaman
- Navigasi Piringan
- Grup Tombol
- Grup Tombol Vertikal
- Bar Sosial Menempel
- Navigasi Obat-obatan
- Kepala Halaman Responsif
Gambar
- Slайдер
- Galeri Slайдер
- Gambar Modal
- Lampu
- Garis Gambar Responsif
- Garis Gambar
- Galeri Gambar
- Galeri Gambar Dapat Discroll
- Galeri Tab
- Perguliran Keluar Ditempatkan Pada Gambar
- Gulir Ditempatkan Pada Gambar
- Perbesaran Ditempatkan Pada Gambar
- Judul Ditempatkan Pada Gambar
- Ikon Ditempatkan Pada Gambar
- Efek Gambar
- Gambar Hitam Putih
- Teks Gambar
- Blok Teks Gambar
- Teks Gambar Transparan
- Gambar Penuh Halaman
- Borang Pada Gambar
- Gambar Fokus
- Gambar Latar Belakang kabur
- Ganti Latar Belakang Saat Bergerak
- Gambar Di samping
- Gambar Segitiga
- Gambar Wajah
- Gambar Responsif
- Gambar Di tengah
- Gambar Mini
- Bingkai Gambar
- Perkenalan Tim
- Gambar Menempel
- Gambar Berbalik
- Gambar Bergetar
- Galeri Koleksi
- Koleksi Dapat Disaring
- Perbesaran Gambar
- Kerupan Gambar
- Tombol Banding Gambar
- Ikon Situs
Tombol
- Tombol Peringatan
- Tombol Bentuk
- Tombol Dikotak
- Tombol Beranimasi
- Tombol Bergerak
- Tombol Pada Gambar
- Tombol Media Sosial
- Baca Lebih/Baca Kurang
- Tombol Memuat
- Tombol Muat Turun
- Tombol Obat-obatan
- Tombol Pemberitahuan
- Tombol Ikon
- Tombol Halaman Berikutnya/Sebelumnya
- Tombol Lebih
- Tombol Batang
- Tombol Tulisan
- Tombol Dengan Segitiga
- Tombol Kembali ke Atas
Borang
- Borang Masuk
- Borang Pendaftaran
- Tabel Pembayaran
- Borang Hubungi
- Tabel Masuk Sosial
- Borang Pendaftaran
- Borang Dengan Ikon
- Langganan Berita
- Borang Tergabung
- Borang Responsif
- Borang Muncul
- Borang Dalam Baris
- Bersihkan Kotak Input
- Sembunyikan Tangga Bilangan
- Salin Tekst Ke Papan Klip
- Pencarian Beranimasi
- Tombol Pencarian
- Pencarian Penuh Layar
- Kotak Input Di Bawah Navigasi
- Borang Masuk Di Bawah Navigasi
- Kotak Centang/Dipilih Satu
- Kotak Pilihan Dibuat
- Tukar Togel
- Pilih Kotak Centang
- Deteksi Kunci Besar
- Panggil Tombol Dengan Enter
- Pengesahan Sandi
- Tukar Lihat Kunci Sandi
- Borang Berlangkah Berlangkah
- Penyelesaian Otomatis
- Tutup Penyelesaian Otomatis
- Tutup Pemeriksaan Ejaan
- Tombol Unggah Berkas
- Pengesahan Input Kosong
Pemilih
- Daftar Pemilihan
- Tabel Pemilihan
- Elemen Pemilihan
- Menu Tarik Turun Pemilihan
- Daftar Diurutkan
- Tabel Diurutkan
Tabel
- Tabel Zebra
- Tabel Di tengah
- Tabel Penuh Lebar
- Tabel Tersembunyi
- Tabel Bercampur
- Tabel Responsif
- Tabel kontras
Lebih banyak
- Video layar penuh
- Kotak modal
- Hapus kotak modal
- Garis waktu
- Indikator gulir
- Bentuk progres
- Bentuk kemampuan
- Slider skala
- Pemilih warna
- Bidang email
- Petunjuk alat
- Tampilkan elemen penyangga
- Jendela pop-up
- Konten yang dapat dipegang
- Kalender
- HTML yang disertakan
- Daftar tugas yang belum selesai
- Pemuat
- Medali
- Skor bintang
- Skor pengguna
- Efek menutup
- Cip kontak
- Kartu
- Kartu yang dipecahkan
- Kartu profil
- Kartu produk
- Peringatan
- Bok keterangan
- Catatan
- Label
- Lilitan
- Awan label
- Bola
- Garis horizontal yang disesuaikan
- Kupon
- Daftar grup
- Daftar grup dengan medali
- Daftar tanpa tanda silang
- Teks yang ber响应
- Teks bayang
- Teks yang bercahaya
- Kaki halaman yang tetap
- Elemen yang lekat
- Tinggi yang sama
- Bersihkan gulir
- Gulir yang bergerak
- Buat pemberitahuan
- Jendela layar penuh
- Gulir gambar
- Gulir yang lancar
- Gulir latar belakang yang bergerak
- Judul yang lekat
- Kemiringan judul saat menggulir
- Tabel harga
- Gulir parallax
- Rasio lebar tinggi
- Frame dalam latar belakang yang ber响应
- Tukar menyukai/tidak menyukai
- Tukar tersembunyi/tampil
- Tukar mode gelap
- Tukar teks
- Tukar kelas
- Tambah kelas
- Hapus kelas
- Ubah kelas
- Kelas yang aktif
- Tampilan pohon
- Hapus angka desimal
- Hapus atribut
- Deteksi luar jaringan
- Cari elemen tersembunyi
- Pengalihan halaman
- Pemformatan angka
- Perbesaran penyangga
- Bok yang dipecahkan
- Pusat vertikal
- Tombol yang diatur di DIV
- Daftar yang diatur
- Transisi penyangga
- 箭头
- Bentuk
- 下载链接
- Elemen penuh tinggi
- Jendela browser
- Scrollbar yang disesuaikan
- Sembunyikan scrollbar
- Tampilkan/Ditampilkan kekuatan scrollbar
- Penampilan perangkat
- Garis pinggir konten yang dapat diedit
- Warna placeholder
- Nonaktifkan pengaturan ukuran area teks
- Nonaktifkan pilihan teks
- Warna pilihan teks
- Warna tanda silang
- Garis vertikal
- Garis pemecah
- Garis pemecah teks
- Ikon animasi
- Pemrograman Waktu Jeda
- Efek Pemecah Tulis
- Halaman yang akan datang
- Pesan Chat
- Tutup Pergantian Chat
- Pemisahan layar
- Ulasan pelanggan
- Penghitung blok
- Salin Slайдer
- Daftar item yang dapat ditutup
- Poin pemotongan perangkat yang biasa
- Elemen HTML yang dapat ditarik
- Media Query JS
- Penyedotan Syntax
- Animasi JS
- Panjang String JS
- Operasi eksponensial JS
- Parameter Default JS
- Bilangan acak JS
- Pengurutan Array Numerik JS
- Operator Spread JS
- JS Bergerak ke Tampilan
- Dapatkan tanggal saat ini
- Dapatkan URL saat ini
- Dapatkan ukuran layar saat ini
- Dapatkan elemen iframe
Grid
- Tata letak dua kolom
- Tata letak tiga kolom
- Tata letak empat kolom
- Grid ekspansi
- Tampilan grid daftar
- Tata letak kolom campuran
- Kartu baris
- Tata letak Z字形
- Tata letak Blog
Konverter
Kotak kesayangan
Menu
- Bar ikon
- Ikon menu
- Alat musik
- Tab
- Tab vertikal
- Judul tab
- Tab halaman penuh
- Tab yang dihentui
- Navigasi atas
- Navigasi atas yang responsif
- Navigasi yang dipisahkan
- Bilah navigasi dengan ikon
- Menu pencarian
- Bar pencarian
- Bilah sisi yang tetap
- Navigasi sisi
- Bilah sisi yang responsif
- Navigasi layar penuh
- Menu di luar kanvas
- Tombol navigasi sisi yang dihentui
- Bilah sisi dengan ikon
- Menu gerak horizontal
- Menu vertikal
- Navigasi bawah
- Navigasi bawah yang responsif
- Tautan Navigasi Dibawah Bingkai
- Tautan Menu Kanan
- Tautan Menu Tengah
- Tautan Menu Sama Lebar
- Menu Tetap
- Navigasi Menurun Saat Bergerak
- Navigasi Tersembunyi Saat Bergerak
- Navigasi Kecil Saat Bergerak
- Navigasi Menempel
- Navigasi Pada Gambar
- Menu Tarik Turun Panjang
- Menu Tarik Turun Klik
- Menu Tarik Turun Kaitan
- Menu Tarik Turun Di atas Navigasi
- Menu Tarik Turun Di Samping Navigasi
- Navigasi Berjangka yang Dapat Disaring Dengan Menu Tarik Turun
- Menu Navigasi Anak
- Menu Tarik Turun
- Menu Super
- Menu Bergerak
- Menu Jalat
- Samping Berbalik
- Panel Samping Berbalik
- Pembagian Halaman
- Navigasi Piringan
- Grup Tombol
- Grup Tombol Vertikal
- Bar Sosial Menempel
- Navigasi Obat-obatan
- Kepala Halaman Responsif
Gambar
- Slайдер
- Galeri Slайдер
- Gambar Modal
- Lampu
- Garis Gambar Responsif
- Garis Gambar
- Galeri Gambar
- Galeri Gambar Dapat Discroll
- Galeri Tab
- Perguliran Keluar Ditempatkan Pada Gambar
- Gulir Ditempatkan Pada Gambar
- Perbesaran Ditempatkan Pada Gambar
- Judul Ditempatkan Pada Gambar
- Ikon Ditempatkan Pada Gambar
- Efek Gambar
- Gambar Hitam Putih
- Teks Gambar
- Blok Teks Gambar
- Teks Gambar Transparan
- Gambar Penuh Halaman
- Borang Pada Gambar
- Gambar Fokus
- Gambar Latar Belakang kabur
- Ganti Latar Belakang Saat Bergerak
- Gambar Di samping
- Gambar Segitiga
- Gambar Wajah
- Gambar Responsif
- Gambar Di tengah
- Gambar Mini
- Bingkai Gambar
- Perkenalan Tim
- Gambar Menempel
- Gambar Berbalik
- Gambar Bergetar
- Galeri Koleksi
- Koleksi Dapat Disaring
- Perbesaran Gambar
- Kerupan Gambar
- Tombol Banding Gambar
- Ikon Situs
Tombol
- Tombol Peringatan
- Tombol Bentuk
- Tombol Dikotak
- Tombol Beranimasi
- Tombol Bergerak
- Tombol Pada Gambar
- Tombol Media Sosial
- Baca Lebih/Baca Kurang
- Tombol Memuat
- Tombol Muat Turun
- Tombol Obat-obatan
- Tombol Pemberitahuan
- Tombol Ikon
- Tombol Halaman Berikutnya/Sebelumnya
- Tombol Lebih
- Tombol Batang
- Tombol Tulisan
- Tombol Dengan Segitiga
- Tombol Kembali ke Atas
Borang
- Borang Masuk
- Borang Pendaftaran
- Tabel Pembayaran
- Borang Hubungi
- Tabel Masuk Sosial
- Borang Pendaftaran
- Borang Dengan Ikon
- Langganan Berita
- Borang Tergabung
- Borang Responsif
- Borang Muncul
- Borang Dalam Baris
- Bersihkan Kotak Input
- Sembunyikan Tangga Bilangan
- Salin Tekst Ke Papan Klip
- Pencarian Beranimasi
- Tombol Pencarian
- Pencarian Penuh Layar
- Kotak Input Di Bawah Navigasi
- Borang Masuk Di Bawah Navigasi
- Kotak Centang/Dipilih Satu
- Kotak Pilihan Dibuat
- Tukar Togel
- Pilih Kotak Centang
- Deteksi Kunci Besar
- Panggil Tombol Dengan Enter
- Pengesahan Sandi
- Tukar Lihat Kunci Sandi
- Borang Berlangkah Berlangkah
- Penyelesaian Otomatis
- Tutup Penyelesaian Otomatis
- Tutup Pemeriksaan Ejaan
- Tombol Unggah Berkas
- Pengesahan Input Kosong
Pemilih
- Daftar Pemilihan
- Tabel Pemilihan
- Elemen Pemilihan
- Menu Tarik Turun Pemilihan
- Daftar Diurutkan
- Tabel Diurutkan
Tabel
- Tabel Zebra
- Tabel Di tengah
- Tabel Penuh Lebar
- Tabel Tersembunyi
- Tabel Bercampur
- Tabel Responsif
- Tabel kontras
Lebih banyak
- Video layar penuh
- Kotak modal
- Hapus kotak modal
- Garis waktu
- Indikator gulir
- Bentuk progres
- Bentuk kemampuan
- Slider skala
- Pemilih warna
- Bidang email
- Petunjuk alat
- Tampilkan elemen penyangga
- Jendela pop-up
- Konten yang dapat dipegang
- Kalender
- HTML yang disertakan
- Daftar tugas yang belum selesai
- Pemuat
- Medali
- Skor bintang
- Skor pengguna
- Efek menutup
- Cip kontak
- Kartu
- Kartu yang dipecahkan
- Kartu profil
- Kartu produk
- Peringatan
- Bok keterangan
- Catatan
- Label
- Lilitan
- Awan label
- Bola
- Garis horizontal yang disesuaikan
- Kupon
- Daftar grup
- Daftar grup dengan medali
- Daftar tanpa tanda silang
- Teks yang ber响应
- Teks bayang
- Teks yang bercahaya
- Kaki halaman yang tetap
- Elemen yang lekat
- Tinggi yang sama
- Bersihkan gulir
- Gulir yang bergerak
- Buat pemberitahuan
- Jendela layar penuh
- Gulir gambar
- Gulir yang lancar
- Gulir latar belakang yang bergerak
- Judul yang lekat
- Kemiringan judul saat menggulir
- Tabel harga
- Gulir parallax
- Rasio lebar tinggi
- Frame dalam latar belakang yang ber响应
- Tukar menyukai/tidak menyukai
- Tukar tersembunyi/tampil
- Tukar mode gelap
- Tukar teks
- Tukar kelas
- Tambah kelas
- Hapus kelas
- Ubah kelas
- Kelas yang aktif
- Tampilan pohon
- Hapus angka desimal
- Hapus atribut
- Deteksi luar jaringan
- Cari elemen tersembunyi
- Pengalihan halaman
- Pemformatan angka
- Perbesaran penyangga
- Bok yang dipecahkan
- Pusat vertikal
- Tombol yang diatur di DIV
- Daftar yang diatur
- Transisi penyangga
- 箭头
- Bentuk
- 下载链接
- Elemen penuh tinggi
- Jendela browser
- Scrollbar yang disesuaikan
- Sembunyikan scrollbar
- Tampilkan/Ditampilkan kekuatan scrollbar
- Penampilan perangkat
- Garis pinggir konten yang dapat diedit
- Warna placeholder
- Nonaktifkan pengaturan ukuran area teks
- Nonaktifkan pilihan teks
- Warna pilihan teks
- Warna tanda silang
- Garis vertikal
- Garis pemecah
- Garis pemecah teks
- Ikon animasi
- Pemrograman Waktu Jeda
- Efek Pemecah Tulis
- Halaman yang akan datang
- Pesan Chat
- Tutup Pergantian Chat
- Pemisahan layar
- Ulasan pelanggan
- Penghitung blok
- Salin Slайдer
- Daftar item yang dapat ditutup
- Poin pemotongan perangkat yang biasa
- Elemen HTML yang dapat ditarik
- Media Query JS
- Penyedotan Syntax
- Animasi JS
- Panjang String JS
- Operasi eksponensial JS
- Parameter Default JS
- Bilangan acak JS
- Pengurutan Array Numerik JS
- Operator Spread JS
- JS Bergerak ke Tampilan
- Dapatkan tanggal saat ini
- Dapatkan URL saat ini
- Dapatkan ukuran layar saat ini
- Dapatkan elemen iframe
Grid
- Tata letak dua kolom
- Tata letak tiga kolom
- Tata letak empat kolom
- Grid ekspansi
- Tampilan grid daftar
- Tata letak kolom campuran
- Kartu baris
- Tata letak Z字形
- Tata letak Blog
Konverter
Kursus Pilihan
Rekomendasi Kursus:
Rekomendasi Kursus:
CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。
