li {gambar-gaya-daftar: url(images/disc.gif);}
Definisi gaya li ini menggunakan gambar untuk menggantikan titik-titik kecil yang ditampilkan untuk item daftar. Tentu saja, Anda juga dapat menampilkannya dengan efek lain. Silakan lihat definisi di bawah ini untuk detailnya:
Definisi CSS dari efek item daftar
*list-style-type: lingkaran (dapat diubah sesuai gaya yang Anda inginkan);
disk: lingkaran padat CSS1
lingkaran: lingkaran berongga CSS1
persegi: kotak padat CSS1
desimal: angka Arab CSS1
roman bawah: angka romawi huruf kecil CSS1
upper-roman : angka romawi huruf besar CSS1
lower-alpha: huruf kecil bahasa Inggris CSS1
upper-alpha: huruf besar bahasa Inggris CSS1
none : CSS1 tidak menggunakan bullet
armenian : CSS2 angka tradisional Armenia
cjk-ideographic:CSS2 nomor ideografis biasa
georgian : angka tradisional Georgia CSS2
lower-greek : huruf kecil dasar Yunani CSS2
ibrani : angka Ibrani tradisional CSS2
hiragana : CSS2 karakter hiragana Jepang
hiragana-iroha: Urutan Hiragana Jepang CSS2
katakana : CSS2 karakter katakana Jepang
katakana-iroha: Nomor seri katakana Jepang CSS2
lower-latin: huruf Latin kecil CSS2
upper-latin : huruf Latin huruf besar CSS2
*list-style-image: url(images/disc.gif); Gunakan image disc.gif alih-alih menampilkan item daftar
*posisi-gaya-daftar : di luar |
luar: Penanda item daftar ditempatkan di luar teks, dan teks di sekitarnya tidak sejajar menurut penanda
inside : Tag item daftar ditempatkan di dalam teks, dan teks di sekitarnya disejajarkan sesuai dengan tag
jam{batas:1px putus-putus #86BCD4; tinggi:1;}
Dalam kode HTML, terdapat beberapa item khusus seperti bilah horizontal jam, yang juga dapat ditentukan dalam manajemen gaya untuk mengubah efek tampilan default:
Definisi CSS tentang efek bilah horizontal
GAYA BORDER-BAWAH: putus-putus;
GAYA BATAS-KIRI: putus-putus;
GAYA BORDER-KANAN: putus-putus; GAYA BORDER-ATAS: putus-putus;
tinggi:1;
lebar:100%;
sejajarkan:kiri;
warna:#86BCD4;
Naungan:tidak;
Definisi efek garis putus-putus batang horizontal
batas:1px putus-putus #86BCD4; tinggi: 1;