简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Bantu saya menyemak tetapan ul dan li
益伦
益伦 2017-12-10 21:28:44
0
1
1161

<!doctype html>
<html lang="ms">
<head>
<meta charset="UTF-8">
<title>Dokumen</title>
< ;
ul{
              /*Titik kecil lalai*/
jenis gaya senarai: cakera;
/*Titik kecil berongga*/
jenis gaya senarai: bulatan;
/*Petak kecil padat*/
senarai -gaya -jenis: segi empat sama;
/*Nombor siri berangka menjadi senarai tertib*/
jenis-gaya senarai: perpuluhan;
/*Tambah 0 di hadapan nombor siri: Contoh: 01, 02, 03*/
senarai- style -type: decimal-leading-sifar;
/*Gunakan imej untuk menggantikan asal Saiz mestilah sangat kecil dan sukar untuk digunakan, sebaliknya, kawal tag li*/
/*list-style-image. url(1.jpg); */
}
          /*Item senarai tersuai*/
li{
                                    /*Batalkan senarai noktah*/

pelapik- kiri: 2em;
/*Muat naik imej*/
senarai-gaya-imej: url(1.jpg);
/*Item senarai imej tidak diulang*/
latar belakang-ulang: tiada-ulang;
/*Imej saiz*/
latar belakang- saiz: 1em 1em;
/*Tetapkan kedudukan imej, sejajarkannya dengan grid atas teks dan periksa secara visual paksi xy*/
kedudukan latar belakang: 0 4px;
}
</style> ;
</kepala>
<badan>
<h3>Alat pembangunan bahagian hadapan</h3>
<ul>
<li>HTML</li></li><>< ;
<li>javaScript</li>
< ;li>jQuery</li>
<li>Bootstrap</li>
</ul>
</ul>
<

Imej yang dirujuk oleh item senarai hasil yang dipaparkan masih sama Paparannya sangat besar tetapi tidak dikecilkan kepada saiz 1em Mengapa ini?

益伦
益伦

membalas semua(1)
chobits4
chobits42017-12-11 09:02:48 Tingkat 1

Adalah disyorkan untuk menggunakan dua kaedah berikut untuk menyelesaikan masalah: 1. Tukar saiz imej sumber anda. 2. Gunakan li:before untuk menyediakan

li{
   list-style: none;
}
li:before{
   content: '';
   display: inline-block;
   height: y;
   width: x;
   background-image: url();
}


Suka +2
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！